테스트 사이트 - 개발 중인 베타 버전입니다

모바일 메인 가로 배치 (이미지첨부) 채택완료

다크로스 5년 전 조회 2,817

 

위에 보시는것처럼 이미지와 글이  세로로 나오는데 

가로로 나오게 하는방법이 있을까요 ㅠㅠ 

 

소스는 

 

    <a href="주소"><div class="position"><div class="img-area"><img src="이미지주소"></div>중고장터</div></a>

    <a href="주소"><div class="position"><div class="img-area"><img src="이미지주소"></div>중고장터</div></a>

 

스타일은

    .position{position:relative;width:100%;overflow:hidden}
    .position .img-area img{max-width: 56px;}

 

한참 배우면서 홈피를 만들고 있는 쌩초보입니다 ㅠㅠ 

다른방법이 있다면 다른방법을 알려주셔 되세요 

 

이런식으로 적용하엿습니다 . 정말 어렵네요 ㅠ.ㅠ

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

답변 4개

채택된 답변
+20 포인트
5년 전

a{float:left;}

위 코드에 한해서, 저렇게 쓰면 됩니다.

혹은 

a{display:inline-block;}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

다크로스
5년 전
최송한데 정말 쌩초보라서 ㅠㅠ 어느부분에 넣어줘야되는 소스인가요

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

페이지 알려주세요!

로그인 후 평가할 수 있습니다

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

5년 전

@다크로스 저게 지금 어느 페이지인지. 저는 알수가 없어요;

로그인 후 평가할 수 있습니다

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

s
sinbi Expert
5년 전

아래 좌표 참조해 보세요.

https://homzzang.com/b/html-103

https://homzzang.com/b/css-256

 

로그인 후 평가할 수 있습니다

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

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

로그인