| r235 vs r236 | ||
|---|---|---|
| ... | ... | |
| 828 | 828 | {{{#!wiki style="border:1px solid black;width:60px;margin: 0 auto;" |
| 829 | 829 | 중앙정렬된 박스. |
| 830 | 830 | }}} |
| 831 | ||
| 831 | 또는, 강제로 넓이를 지정하기보다는 유동적인 넓이를 하기 위해서 다음과 같이 할 수도 있습니다. | |
| 832 | {{{ | |
| 833 | {{{#!wiki style="display:table;border:1px solid black;margin:0 auto;" | |
| 834 | 중앙정렬된 박스! | |
| 835 | }}} | |
| 836 | }}} | |
| 832 | 837 | |
| 838 | {{{#!wiki style="display:table;border:1px solid black;margin:0 auto;" | |
| 839 | 중앙정렬된 박스! | |
| 840 | }}} | |
| 841 | ||
| 842 | 여기서 박스 넓이가 강제로 100%로 설정되는 현상을 방지하는 조치를 하는 점과 {{{margin}}}을 ''0 auto''로 지정하였다는 점이 핵심입니다. | |
| 843 | ||
| 833 | 844 | ==== 텍스트 중앙정렬 ==== |
| 834 | 845 | ''text-align'' 속성을 ''center''로 설정하시면 됩니다. |
| 835 | 846 | {{{ |
| ... | ... |