<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<!-- 왜 컨테이너로 씌워야 붙을까? -->
<div class="container">
<!-- 왼쪽 -->
<div class="sol-left">
< img src="imgimg.png" style="width: 40px; height: 40px;">
<div class="sol-profile">
<p style="font-size: 15px; margin: 0px;">아우리</p>
<p style="font-size: 5px; color: grey; margin: 0px;">1시간전</p>
</div>
<div style="clear: both;">
4k tv
<p>4k tv는 300만원</p>
</div>
</div>
<!-- 오른쪽 -->
<div class="sol-right">
< img src="cube.jpg" class="sol-right">
</div>
</div>
</body>
</html>
CSS
**************************************************************
.container {
width: 800px;
margin-left: auto;
margin-right: auto;
}
.sol-left {
width: 600px;
height: 200px;
/* background: orange; */
float: left;
}
.sol-profile {
float: left;
}
.sol-right {
width: 200px;
height: 200px;
float: left;
}
