• 카테고리

    질문 & 답변

  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

vertical align middle 적용 질문

22.03.29 17:21 작성 조회수 108

0

article.card header > div {
  display: inline-block; /* 수평정렬 */
  vertical-align: middle;
} 여기서 왜 적용이 안될까요? ㅜㅜㅜ
course-thumbnail

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

인스타그램 포스팅 카드 만들기 - UI (4-1)

강의실 바로가기

답변 1

답변을 작성해보세요.

0

정준영님의 프로필

정준영

질문자

2022.03.29

<!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 코드입니다.

이 글과 비슷한 Q&A