채택완료

글과 사진 같은 위치

2021-02-04 (목) 13:47:10 1,902

안녕하세요.

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

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

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

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

도와주세요~

3067108330_1612413737.5835.png

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
2021-02-04 (목) 13:56:50
Copy
<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>

답변에 대한 댓글 1개

감사합니다 ㅜㅜ

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

답변에 대한 댓글 1개

감사합니다 ㅜㅜ

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