<ul>
<li style="padding-top:10px"><img src="/img/in_01.jpg"></li>
<li style="padding-top:10px"><img src="/img/in_02.jpg"></li>
<li style="padding-top:10px"><img src="/img/in_03.jpg"></li>
</ul>
이런식으로 했더니
앞에 . 점이 생기고 세로로 이미지가 정렬되는데요.
이걸 점이 안생기고 가로로 정렬 하고 싶습니다.
|
답변 2개 / 댓글 5개
채택된 답변
+20 포인트
li {
list-style:none;
display:inline-block;
}
답변에 대한 댓글 4개
li {
list-style:none;
float:left;
}
이렇게해주셔야되요
답변에 대한 댓글 1개
감사합니다.
이렇게 하니가 잘 되네요.
<div>
<ul>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_02.jpg"></a></li>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_01.jpg"></a></li>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_03.jpg"></a></li>
</ul>
</div>
이렇게 하니가 잘 되네요.
<div>
<ul>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_02.jpg"></a></li>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_01.jpg"></a></li>
<li><p class="inline-block"><a href="/bbs/board.php?bo_table=b31"><img src="/img/in_03.jpg"></a></li>
</ul>
</div>
답변을 작성하려면 로그인이 필요합니다.
이걸 어디에 넣어야 하나요? ㅠㅠ
css에 그대로 붙여 넣었구요.
<li><p class="inline-block"><img src="/img/in_01.jpg"></li>
<li><p class="inline-block"><img src="/img/in_02.jpg"></li>
<li><p class="inline-block"><img src="/img/in_03.jpg"></li>
이렇게 해줬더니 점은 없어졌는데 계속 세로로 나오고 있어서요.