๐ซ ์๋กญ๊ฒ ๋ฐฐ์ด ๊ฒ๋ค
- ์ ๋ ํฐ์ ์ฝค๋ง์ฐ๋ฉด ์ฌ๋ฌ ๊ฐ ๋์ ์ ํ ๊ฐ๋ฅ
div,input,textarea{
box-sizing: border-box;
}
- ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ๊ฒ class ๋ง๋ค๊ธฐ
<label>
<input type="checkbox" id="subscribe">
<label for="subscribe">๋๋ฅด๊ธฐ</label>
label๊ณผ for ์์ฑ์ ์ ์ ํ ํ์ฉํ๋ฉด input๋์ label์ ๋๋ฌ๋ input์ ์ ํํ ์ ์๋ค. (input์ id, label์ for ์์ฑ์ ๋๊ฐ์ด ๋ง์ถฐ์ฃผ๋ฉด ๋จ)
ํน์ ๊ทธ๋ฅ <input> ์ ์ ๋ชฉ์ด ํ์ํ ๋๋ h, p ํ๊ทธ ๋ง๊ณ <label> ํ๊ทธ ์ด์ฉ ๊ฐ๋ฅ