중앙정렬 질문.. 채택완료
매맹
7년 전
조회 2,565
혹시 아래 소스에서 내용2부분이 좌측으로 정렬이 되는데
중앙정렬을 하려면 어떻게 해야 할까용?ㅜ
</p>
<p><style></p>
<p>body{</p>
<p>margin:0;</p>
<p>}</p>
<p>a {</p>
<p>color:black;</p>
<p>text-decoration: none;</p>
<p>}</p>
<p>h1 {</p>
<p>font-size:45px;</p>
<p>text-align: center;</p>
<p>border-bottom:1px solid gray;</p>
<p>margin:0;</p>
<p>padding:20px;</p>
<p>}</p>
<p>ol{</p>
<p>border-right:1px solid gray;</p>
<p>width:100px;</p>
<p>margin:0;</p>
<p>padding:20px;</p>
<p>}</p>
<p>#grid{</p>
<p>display: grid;</p>
<p>grid-template-columns: 150px 1fr;</p>
<p>}</p>
<p>#grid ol{</p>
<p>padding-left:33px;</p>
<p>}</p>
<p>#grid #article{</p>
<p>padding-left:25px;</p>
<p>}</p>
<p>@media(max-width:800px){</p>
<p>#grid{</p>
<p>display: block;</p>
<p>}</p>
<p>ol{</p>
<p>border-right:none;</p>
<p>}</p>
<p>h1 {</p>
<p>border-bottom:none;</p>
<p>}</p>
<p>}</p>
<p></style></p>
<p> </p>
<p></head></p>
<p> </p>
<p><body></p>
<p>
<h1><a href=""><span style="font-size:24pt"><strong>제목</strong></span></a></h1></p>
<p></ol></p>
<p><div id="article"></p>
<p><h2></h2></p>
<p><span style="font-size:24pt"><strong>내용1</strong></span></p>
<p><p></p>
<p><span style="font-size:24pt"><strong>내용2</strong></span></p>
<p></p></p>
<p></div></p>
<p></div></p>
<p> </p>
<p> </p>
<p></body></p>
<p></html></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인