<!DOCTYPE html>
<html>
<head>
<title>Centering Content</title>
<style type="text/css">
body {
text-align: center;}
p {
width: 300px;
padding: 50px;
border: 20px solid #0088dd;}
/*
margin : top right bottom left
auto로 주면 동일하게 여백을 줘서, 가운데 정렬이 된다.
*/
p.example {
margin: 10px auto 10px auto;
text-align: left;}
</style>
</head>
<body>
<p>jteve</p>
<p class="example">jteve</p>
</body>
</html>
| cs |
댓글 없음:
댓글 쓰기