div를 나란히 정렬하는 것은
사실 굉장히 복잡한 css 기술을 요구한다.
하지만 inline-block을 사용하면
굉장히 심플하게 원하는 효과를 낼 수 있다!
비록 100% 완벽한 방법은 아니지만(좀 더 복잡한 코드를 사용할 수도 있겠지만)
가장 직관적으로 효과를 구현할 수 있는 방법이므로
강력 추천한다!
다음과 같이 처리하면 된다!
<div style="display: inline-block">
A영역
</div>
<div style="display: inline-block">
B영역
</div>
'IT노트(구) > HTML/CSS' 카테고리의 다른 글
| (html/css) 점선 그리기(hr 태그 이용) (0) | 2015.12.02 |
|---|---|
| (html/css) div를 화면 정중앙에 정렬하는 방법 (1) | 2015.12.01 |
| (html/css) 둥근 div 만들기(border-radius 이용) (0) | 2015.12.01 |
| border-radius가 ie9에서 동작하지 않는 경우 해결 방법 (0) | 2015.12.01 |
| html table 테두리 가늘게 만들기(외곽선 두 줄 없애기) (0) | 2015.12.01 |