채택완료

메뉴 문의드립니다.

2023-01-07 (토) 18:24:39 1,279

하단처럼 저런식으로 메뉴 만들어 보니까  테스트2 메뉴가 한칸 아래로 내려 갑니다 테스트 1  바롱녚에 메뉴로 만들수 없을까요?

            

Copy
<li><a href="1.php"><i class="fa fa-user-o" aria-hidden="true"></i> 테스트1</a></li>
<li><a href="/1.php"><i class="fa fa-user-o" aria-hidden="true"></i> 테스트2</a></li>

2105966251_1673083476.1869.jpg 

|

답변 2개

채택된 답변
+20 포인트
Copy
<style>
.wrap ul { list-style-type: none; }
.wrap ul.sameline { display: flex; }
</style>

<div class="wrap">
    <ul>
        <li><a href="1.php"><i class="fa fa-user-o" aria-hidden="true"></i> 테스트1</a></li>
        <li><a href="/1.php"><i class="fa fa-user-o" aria-hidden="true"></i> 테스트2</a></li>
    </ul>

    <ul class="sameline">
        <li><a href="1.php"><i class="fa fa-user-o" aria-hidden="true"></i> 테스트1</a></li>
        <li><a href="/1.php"><i class="fa fa-user-o" aria-hidden="true"></i> 테스트2</a></li>
    </ul>
</div>
Copy
<li>
    <a href="1.php"><i class="fa fa-user-o" aria-hidden="true"></i> 테스트1</a>
    <a href="/1.php"><i class="fa fa-user-o" aria-hidden="true"></i> 테스트2</a>
</li>

답변을 작성하려면 로그인이 필요합니다.