div 를 가운데로 정렬해 주세요

<div style="padding:3px; border-width:1px; border-color:rgb(222,222,222); border-style:solid; width:400px;">
  <div style="background-color:white; padding:10px; width:100%;">
        <p align="center">test</p>  </div>
  </div>

div는 전혀 모르겠는데 table 처럼 align=center 로 넣어도 중앙에 정렬이 안되네요

어떻게 해야 전체가 가운데로 정렬이 될까요...

|

댓글 8개

<p align="center" style="width:100%;text-align:center;" >test</p>
답변 감사드립니다 ^^ 하지만 제가 원하는 답변은

<TABLE cellpadding=0 cellspacing=10 border=0 style="width:400;background-color:#ffffff; border:1px solid #dedede;" align="center">
<TR>
<TD style="background-color:#ffffff; padding:3px;vertical-align:top;"><p align="center">test</p></TD>
</TR>
</TABLE>

위의 테이블 소스처럼 위의 질문 div 도 가운데로 정렬하는 ... 그런 방법을 질문 한건데....

제가 질문이.. 좀 이상한가요....ㅠㅠ
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
참고하세요.
그냥 간단히

<center>
<div style="width:400px; padding:3px; border:1px solid gainsboro">
<div style="padding:10px; background:white; text-align:center"> test </div>
</div>
</center>

해보세요.
앗! 정말 간단한 방법이네요 바로 해결 됐습니다^^

감사합니다 ^^

엑스엠엘님도 감사드립니다 ^^


제가 여쭤보고 싶었던건 div style 내에 센타로 위치하게 하는
추가 할 소스는 없는지 여쭤봤던건데.. ^^

어쨌든 해결 되었습니다 감사합니다
center은 쓰면 안좋아요~ ^^
<div style="margin:0px auto; padding:3px; border:solid 1px #DEDEDE;">
<div style="background:#fff; text-align:center; padding:10px; width:100%l">
<p>test</p>
</div>
</div>
<div style="margin:0px auto; padding:3px; border:solid 1px #DEDEDE;">
<div style="background:#fff; text-align:center; padding:10px; width:100%l">
<p>test</p>
</div>
</div> 이것이 정답이네..
모든 분들 감사합니다 ^^
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
16년 전 조회 1,081
16년 전 조회 1,136
16년 전 조회 2,648
16년 전 조회 937
16년 전 조회 1,303
16년 전 조회 799
16년 전 조회 945
16년 전 조회 979
16년 전 조회 797
16년 전 조회 1,677
16년 전 조회 1,543
16년 전 조회 1,097
16년 전 조회 1,896
16년 전 조회 1,526
16년 전 조회 1,102
16년 전 조회 953
16년 전 조회 1,531
16년 전 조회 1,948
16년 전 조회 1,356
16년 전 조회 1.8만
🐛 버그신고