css 질문 채택완료

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .container{

            display:flex;  

            flex-direction:column;

            justify-content:center;

        }

    </style>

</head>

<body>

    <div class="container">

        <span class="item1">1515</span>

        <span class="item2">1515151515</span>

    </div>

    

</body>

</html>

 

저는 

   1515

1515151515

이런식으로 나오게 하고 싶은데

justify-content:center;를 추가해도 가운데로 안가더라고요.

align-items:center;를 하면 전체가 가운데로 가버리고,,,

padding이나 margin말고 해결방법은 없나요??

답변 4개

채택된 답변
+20 포인트

span을 div 로 변경하고

container 에 css로
text-align:center; 속성을 주면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

가운데 정렬 원리

https://homzzang.com/b/css-282

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

이런 방법도 있습니다.
thumb-2948941001_1610354781.1051_730x578.png

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

thumb-2948941001_1610354647.9574_730x570.png

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고