728x90
๋ฐ์ํ์น์ ์ํด์ ul li๋ก table์ ๋ง๋๋๊ฑธ ์ถ์ฒํ๋ค.
.ul {
list-style:none;
}
.li {
float: left;
}
list-style:none; <li>์ ์ ์์ ๊ธฐ
float : left; ๊ฐ๋ก ์ ๋ ฌ
<!DOCTYPE html>
<html>
<head>
<style>
.ul {
list-style:none;
}
.li {
float: left;
}
</style>
</head>
<body>
<ul class="ul">
<li class="li"> 1๋ฒ liใ</li>
<li class="li"> 2๋ฒ liใ</li>
<li class="li"> 3๋ฒ liใ</li>
<li class="li"> 4๋ฒ liใ</li>
<li class="li"> 5๋ฒ liใ</li>
<li class="li"> 6๋ฒ liใ</li>
<li class="li"> 7๋ฒ liใ</li>
</ul>
</body>
</html>
style ์ ์ฉ ์
style ์ ์ฉ ํ
'css' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [CSS] table ๋์ด ๊ณ ์ ์ํค๊ธฐ (0) | 2021.06.10 |
|---|---|
| [css] overflow ์ฌ์ฉํ๊ธฐ (์คํฌ๋กค) (5) | 2021.05.10 |
| [css] ๋ฐ์ํ ์น calc() (0) | 2021.04.23 |
| [css] ์ด๋ฏธ์ง์์ button ์ถ๊ฐํ๊ธฐ (0) | 2021.02.05 |
| [css] ํ ์คํธ์ ๊ทธ๋ผ๋ฐ์ด์ ๋ฃ๊ธฐ (0) | 2021.01.13 |