닫기
이전 다음

NOTICE

새로움을 향한 설.레.임

div,p 가운데정렬, margin:0 auto;

페이지 정보

작성자 홈피사랑 작성일14-07-16 11:48 조회4,217회 댓글0건

본문

margin:0 auto; div,p 등의 요소들을 가운데 정렬할수 있는 방법입니다.

 

예제코드

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>홈페이지제작업체 - 홈피사랑 HOMPYLOVE</title>
<link rel="stylesheet" href="css/reset.css" media="all"/>
<style type="text/css">
.box{width:200px; height:30px; background-color:#000000; font-size:11px; line-height:20px;}
.a_center{margin:0 auto;}
</style>
</head>
<body>

<div class="box">
기본정렬
</div>
<br/>
<div class="box a_center">
가운데정렬
</div>
 
</body>
</html>

 

예제링크

http://hompylove.com/2014/test/09.html

 

댓글목록

등록된 댓글이 없습니다.

홈피사랑 제공서비스

  • 홈피사랑 홈페이지제작 1.웹표준, 크로스브라우징 지원

    웹표준, 크로스브라우징 지원

    IE, 크롬, 사파리,파이어폭스 등 어떤 브라우저에서도 동일하게 홈페이지가 보여질 수 있도록 제작됩니다.

  • 홈피사랑 홈페이지제작 2.호스팅/도메인 1년 무상지원

    호스팅/도메인 1년 무상지원

    기본형 호스팅,도메인 1년 무상지원

  • 홈피사랑 홈페이지제작 3.원본파일제공

    원본파일제공

    추후 수정 및 유지관리가 용이하도록 제작완료 후 홈페이지 소스를 제공합니다.

  • 홈피사랑 홈페이지제작 4.검색등록 무료지원

    검색등록 무료지원

    네이버,다음 사이트 및 지역검색 등록 지원 및 노출 키워드제안(협의후)