[CSS] display / inline-block ๊ฐ์ด๋ฐ ์ ๋ ฌ์ ๋ํด ์์๋ณด์ โ๏ธ
ยท
CSS
๐จ๐ป float:left ์์ฑ์ผ๋ก ์๋ฌด๋ฆฌ ๊ฐ์ด๋ฐ ์ ๋ ฌ์ ํ๋ ค๊ณ ๋
ธ๋ ฅํด๋ดค์ง๋ง, ์นด๋ ์์๋ค์ ๊ฐ๋ก ์ ๋ ฌ์ ์ํด float:left ์์ฑ์ ์ฌ์ฉํ๋ค. ๊ฐ๋ก ์ ๋ ฌ์ ์ฑ๊ณต(?) ํ์ง๋ง ๊ฐ์ด๋ฐ ์ ๋ ฌ์ ํ์ง ๋ชปํ๋ค.text-align: center; / margin:0 auto; ๋ฅผ ์ฌ์ฉํด๋ ๋์ ํ ์๋๋ ๊ฐ์ด๋ฐ ์ ๋ ฌ ์์ธ์ ๋ฐ๋ก float:left ์์ฑ ๋๋ฌธ์ด์๋ค. .travel-card { float: left;} ์นด๋ ์์ class ์ ํ์("travel-card") ๋ก ๋ฌถ์ด float: left; ์ฌ์ฉ ์ ๊ฒฐ๊ณผ ํ๋ฉด์ด๋ค.์์๋ค์ด ๋ธ๋ผ์ฐ์ ์ ์ผ์ชฝ๋ถํฐ ๊ฐ๋ก ์ ๋ ฌ๋ก ๋์ด๋๋ค.ํ์ง๋ง ๋ด๊ฐ ์ํ๋ ๊ฒ์ ๊ฐ์ด๋ฐ ์ ๋ ฌ์ ๊ฐ์ด ํ๋ ๊ฒ์ด์๋ค. ๐จ๐ป display: inline-block; ์ ์ฌ์ฉํ ๊ฐ์ด๋ฐ..