๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก๊ฐ€์šด๋ฐ์ •๋ ฌ (1)

Hey Tech

[HTML] ๊ธ€์ž/ํ…์ŠคํŠธ ์ •๋ ฌ: ๊ฐ€์šด๋ฐ ์ •๋ ฌ, ์™ผ์ชฝ ์ •๋ ฌ, ์˜ค๋ฅธ์ชฝ ์ •๋ ฌ

๐Ÿ“ ๋“ค์–ด๊ฐ€๋ฉฐ ๋ณธ ํฌ์ŠคํŒ…์—์„œ๋Š” HTML์—์„œ ํ…์ŠคํŠธ ์ •๋ ฌ ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ“š ๋ชฉ์ฐจ 0. ๊ธฐ๋ณธ๊ฐ’ 1. ๊ฐ€์šด๋ฐ ์ •๋ ฌ 2. ์šฐ์ธก ์ •๋ ฌ 3. ์ขŒ์ธก ์ •๋ ฌ 0. ๊ธฐ๋ณธ๊ฐ’ p ํƒœ๊ทธ๋ฅผ ํ†ตํ•ด ํ…์ŠคํŠธ๋ฅผ ์‚ฝ์ž…ํ•˜๋ฉด ์•„๋ž˜์˜ ๊ทธ๋ฆผ 1๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. Hey Tech 1. ๊ฐ€์šด๋ฐ ์ •๋ ฌ ๊ฐ€์šด๋ฐ ์ •๋ ฌ์€ ์•„๋ž˜์™€ ๊ฐ™์ด style > text-align์—์„œ center๋กœ ์˜ต์…˜๊ฐ’์„ ์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค (๊ทธ๋ฆผ 2). Hey Tech 2. ์˜ค๋ฅธ์ชฝ ์ •๋ ฌ ์˜ค๋ฅธ์ชฝ ์ •๋ ฌ์€ right๋กœ ์˜ต์…˜๊ฐ’์„ ์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค (๊ทธ๋ฆผ 3). Hey Tech 3. ์™ผ์ชฝ ์ •๋ ฌ ์˜ค๋ฅธ์ชฝ ์ •๋ ฌ์€ left๋กœ ์˜ต์…˜๊ฐ’์„ ์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค (๊ทธ๋ฆผ 3). Hey Tech ํฌ์ŠคํŒ… ๋‚ด์šฉ์— ์˜ค๋ฅ˜๊ฐ€ ์žˆ๋‹ค๋ฉด ์•„๋ž˜์— ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡ ๋Œ“๊ธ€ ๋‚จ๊ฒจ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿผ ์˜ค๋Š˜๋„ ์ฆ๊ฒ๊ณ  ๊ฑด๊ฐ•ํ•œ ํ•˜๋ฃจ ๋ณด๋‚ด์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค :) ๊ณ ๋ง™์Šต..

SW ๊ฐœ๋ฐœ/HTML & CSS 2023. 4. 12. 20:39