margin&padding ๋ค๋ฃจ๊ธฐ
๐ ํ์ ์์ฑ ์ ์ํ๊ธฐ
div {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-lefr: 40px;
}
์์ ๊ฐ์ด margin์๋ ๋์ผํ ์ ๋ฏธ์ฌ๋ฅผ ๋ถ์ฌ ๊ฐ๋ณ ์ ์ํ ์ ์์ต๋๋ค.
๐ ์ฌ๋ฌ ๊ฐ์ ํ ๋ฒ์ ์ ์ํ๊ธฐ
span {
display: inline-block;
width: 100px;
height: 100px;
margin: 10px 20px 30px 40px;
<!--์์: top-right-bottom-left-->;
}
์์ ๊ฐ์ด padding์๋ ๋์ผํ ์ ๋ฏธ์ฌ๋ฅผ ๋ถ์ฌ ๊ฐ๋ณ ์ ์ํ ์ ์์ต๋๋ค.
์ถ์ฒ
- ์ ๋ ธ์ฝ๋ฉ
๐ฌ ์ต์ ๋๊ธ