HTML,CSS


이미지

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

도와주세요 ㅠㅠ

  • 2017년 10월 10일에 작성됨
    중3,프론트엔드 개발자. 디미고 지망생

조회수 96


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} 값을 지정하여야해요

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

  • 2017년 10월 13일에 작성됨

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close