HTML,CSS

이미지

로고랑 텍스트랑 줄(?)을 맞추고 싶습니다. 아래 사진처럼요. 이미지다

도와주세요 ㅠㅠ

1답변

  • <style>
    
        #wrap{
            width : 300px;
            height : 100px;
        }
    
        #logo{
            width : 50px;
            height : 50px;
            margin : 25px;
            background-color : black;
            color : white;
        }
        #logo_content{
            width : 200px;
            height : 100px;
            text-align : center;
            line-height  : 100px;
        }
    
    </style>
    
    <div id="warp">
    
        <div id="logo">Na</div>
    
        <div id="logo_content">Hallo</div>
    
    </div>
    

    이걸 말씀하시는건가요?? Text관련은 좌우 여백은 text-align 로 맞춰 주시면 되구요 상하 여백은 height와 같은 값으로 line-height 로 지정하시되, 반드시 그 값을 감싸고 있는 div {width, height} 값을 지정하여야해요

    그럼 즐거운 개발 되시길 바래요 ㅎㅎ

    • 댓글이 늦었네요. 저는 이미지를 썼는뎀.. 암튼 감사합니다. JH 2017.12.3 16:41

ᕕ( ᐛ )ᕗ
로그인이 필요합니다

작성한 답변에 다른 개발자들이 댓글을 작성하거나 댓글에 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.