이렇게 최신글을 만들고 있는데 문제가 생겼습니다.
제가 원하는 건 하단의 이미지 처럼 '애국가 1절'과 '애국가 2절'이 같은 라인에 수평하게 있는 겁니다.
하지만 상단 처럼 '애국가 1절'이 위로 달라 붙네요 ㅠㅜ
제가 잼병이라 막막합니다.
Copy
<div>
<ul>
<li>
<div>
<span>text001-동해물과 백두산이</span>
<ul>
<li>
애국가 1절입니다.
</li>
</ul>
</div>
</li>
</ul>
</div>이런 구조로 되어 있습니다.
큰 ul에 flex를 사용해서 만들었습니다.
머리 속에는 작은 ul을 bottom 정렬 하면 될 거 같은데 아무리 구글링을 해도 못 찾겠네요 ㅜㅠ
도움 좀 부탁드립니다.
답변 3개 / 댓글 2개
채택된 답변
+20 포인트
답변을 작성하려면 로그인이 필요합니다.
하지만 span은 inline 형식이라 높이나 넓이 지정이 안됩니다 ㅜㅠ