css div 질문점

[익명(211.111)]

이런식으로 나오게 하고싶은데 글씨가 이미지 우측 하단에서 시작해서 문제임

[프론트공부(devjs)]

개발자 도구 켜서 한번 봐봐

[프론트공부(devjs)]

아마 밀려서 그런걸텐데

[익명(211.111)]

<div style="float:left;margin:40px;"> <img src="$%7Blist.posterfile%7D" width="130" height="200" alt="${list.posterfile}" /> ${list.movie_num},${list.movie_title},${list.director} </div>

[프론트공부(devjs)]

html에서 ul > li 했을텐데 해당 ul을 display grid 하고, grid-template-columns: repeat(3, 1fr)한다음 적당히 li에 패딩걸어주고 img에도 패딩걸어주면 될거같은데

[프론트공부(devjs)]

어... 전체코드 올려줄랭?

[릴다희(lildahee)]

div를 인라인 블록으로

[익명(211.111)]

인라인 블록 주면 계속 옆으로 가는거아님? 저 div블럭을 1줄에 4개씩 나오게 하려고

[익명(117.111)]

그냥 플렉스 써라 ..