(html/css) div 2개 나란히 정렬하는 방법

div를 나란히 정렬하는 것은

사실 굉장히 복잡한 css 기술을 요구한다.

하지만 inline-block을 사용하면

굉장히 심플하게 원하는 효과를 낼 수 있다!

비록 100% 완벽한 방법은 아니지만(좀 더 복잡한 코드를 사용할 수도 있겠지만)

가장 직관적으로 효과를 구현할 수 있는 방법이므로

강력 추천한다!

다음과 같이 처리하면 된다!



<div style="display: inline-block">
     A영역
</div>
<div style="display: inline-block">
     B영역
</div>