"HTML div 3개 왼쪽-가운데-오른쪽 배열"의 두 판 사이의 차이

(새 문서: ;div 3개 한줄로 배열 ==방법== <jsfiddle styles='html' height='550'>9a4hLjLo</jsfiddle> <jsfiddle styles='result' height='100'>9a4hLjLo</jsfiddle> ==같이 보기== *HTML d...)
 
1번째 줄: 1번째 줄:
==개요==
;div 3개 한줄로 배열
;div 3개 한줄로 배열
;div 왼쪽, 가운데, 오른쪽
*왼쪽 div는 <code>float: left;</code>
*오른쪽 div는 <code>float: right;</code>
*가운데 div는 <code>margin: 0 auto;</code>를 적용
*단, div를 왼쪽-오른쪽-가운데 순으로 배열해야 함 ★


==방법==
==방법==

2015년 3월 7일 (토) 21:09 판

1 개요

div 3개 한줄로 배열
div 왼쪽, 가운데, 오른쪽
  • 왼쪽 div는 float: left;
  • 오른쪽 div는 float: right;
  • 가운데 div는 margin: 0 auto;를 적용
  • 단, div를 왼쪽-오른쪽-가운데 순으로 배열해야 함 ★

2 방법

3 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}