인프런 커뮤니티 질문&답변
작성한 질문수
vertical align middle 적용 질문
작성
·
147
0
article.card header > div {
display: inline-block; /* 수평정렬 */
vertical-align: middle;
} 여기서 왜 적용이 안될까요? ㅜㅜㅜ
답변 1
0
정준영
질문자
<!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">
<link rel="stylesheet" href="project/style/card.css"/>
<title>인스타그램</title>
</head>
<body>
<section class="container">
<article class="card">
<header>
<div class="circle-image">
<img src = "images/profile.png"/>
</div>
<div class="card-username">
<span>inflearn</span>
</div>
<div class="option-more">
<button><img src="images/icons/mark.png"/></button>
</div>
</header>
<main>
</main>
<footer class="card-comment">
</footer>
</article>
</section>
</body>
</html> 이건 html 코드입니다.