여러 개의 div를 수직이 아닌 수평으로 배치하기

div 태그는 block 속성으로 수직으로 쌓인다.

 

 

1,000,000원이라는 1개의 div와 원이라는 1개의 div는 당연히 수직으로 배치된다.

각각의 div에 동일한 class를 주고 CSS 속성에서 display = inline-block;을 주면 수평으로 나란히 배치된다.

 

가운데로 몰고 싶으면 상위 요소에서 text-align: center; 속성을 주면 된다.

 

 

 

원문 블로그 링크

https://hianna.tistory.com/865