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