HTML,CSS

조회수 1058회

이미지

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

도와주세요 ㅠㅠ

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

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

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)