-
body > div > div.blog-image > img 태그로 등록한 product 라는 이미지인데
상하좌우 가운데로 주려고 하는데 잘 안 되는군요.
<!DOCTYPE html>
<html lang="ko">
<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">
<style>
.container {
width: 95%;
}
.blog-content {
float:left;
width: 80%;
height: 200px;
background: #eee;
}
.blog-image {
float:left;
width: 20%;
height: 200px;
background: yellow;
}
.blog-profile {
width:50px;
float: left;
}
.blog-image > img {
/* display:block; */
margin:auto;
}</style>
<title>Blog</title>
</head>
<body>
<div class="container">
<div class="blog-content">
<div class="blog-name">
<img src="https://dummyimage.com/100x100.png?text=profile">
<div>
<h4 style="margin: 5px;">이름</h4>
<p style="margin: 5px;">2022.05.03</p>
</div>
</div>
<!-- <div style="clear: both;"></div> -->
<div>
<h4>글 제목</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem aliquid perferendis vero, quisquam reiciendis id porro provident inventore officiis fugit facilis aut! Culpa recusandae tempora facere ad consequatur, asperiores suscipit!</p>
</div>
</div>
<div class="blog-image">
<img src="https://dummyimage.com/100x100.png?text=product">
</div>
</div>
</body>
</html>
- 답변은 로그인 후 가능합니다.