정렬 - 인프런 | 커뮤니티 질문&답변

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

정렬

작성

122

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <div class="container">
        <header>

        </header>
        <section>
            <div class="menus">
                <div class="menu">
                    <div class="g-title">
                        <a href="#none"><h3>제품</h3></a>
                    </div>
                    <div class="g-list">
                        <a href="#none">Mobile Display</a>
                        <a href="#none">Tv Display</a>
                        <a href="#none">PID</a>
                        <a href="#none">IT Display</a>
                    </div>
                <div class="menu">
                    <div class="s-title">
                        <a href="#none"><h3>기술</h3></a>
                    </div>
                    <div class="s-list">
                        <a href="#none">OLED</a>
                        <a href="#none">Curved</a>
                        <a href="#none">기술용어</a>
                    </div>
                <div class="menu">
                    <div class="m-title">
                        <a href="#none"><h3>미디어센터</h3></a>
                    </div>
                    <div class="m-list">
                        <a href="#none">News</a>
                        <a href="#none">Social Media</a>
                        <a href="#none">영상</a>
                        <a href="#none">Phote</a>
                    </div>
                </div>
            </div>
        </section>
        <footer>

        </footer>
    </div>
</body>
</html>

이렇게 코드를 작성했는데 float:left;나 display:inline-block;으로 정렬하려고 합니다.

다만 .menu에 값을 넣어도 정렬이 되지않아 어떤 점이 문제인지 여쭙고 싶습니다.

jquery HTML/CSS

답변 2