글과 사진 같은 위치

글과 사진 같은 위치

QA

글과 사진 같은 위치

답변 2

본문

안녕하세요.

매번 이렇게 도움을 받네요 ㅜㅜㅜ

 

제목과 이미지가 같은 위치에 오게 만들려고 합니다.

<div>태그로 제목과 이미지를 묶으면 되는건가요??

 

제목은 나오는데 아무리해도 이미지가 안되요 ㅠㅠㅠ 

 

도와주세요~

3067108330_1612413737.5835.png

이 질문에 댓글 쓰기 :

답변 2


<style>
    *{padding:0; margin:0}
    .box_wrap{width:500px;height:200px}
    .box{float:left;width:50%}
    .box img{width:100%}
</style>
<div class="box_wrap">
    <div class="box left_box">
        <h1>제목</h1>
            내용내용내용내용내용
            내용내용내용내용내용
            내용내용내용내용내용
    </div>
    <div class="box right_box">
        <img src="이미지경로" alt="">
    </div>    
</div>
 

같은 위치에 오기위해서는 가로 크기도 그렇지만 float:left right 구분을 명확히 해주셔야 합니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 19
© SIRSOFT
현재 페이지 제일 처음으로