html 줄바꿈하는 방법 아시는 분 있나요?
본문
<li>안녕하세요</li>
<li>안녕</li>
<li>하이</li>
<li>반갑습니다</li>
안녕하세요 제 질문은 html질문인데요..
li로 목록을 위 코드처럼 주르륵 썼을 때 나오는 결과값에서
이미지안에 있는 빨간네모처럼 줄바꿈(여백)을 주고싶은데 <br>태그로는 안되서요..
html만을 이용해서 줄바꿈을 하는 방법이 있을까요?
답변해주시면 정말 감사하겠습니다ㅜㅜ
!-->답변 5
좀 단순한 형태로 태그로 해결을 원하는거라면
<ul>
<li>안녕하세요</li>
<li>안녕</li>
<li> &nbps;</li>
<li >하이</li>
<li>반갑습니다</li>
</ul>
와 같이 하면되고
그이외 CSS를 적용하는것이라면 다른 분들이 적용하신내용으로 해도 되고
각 li 에 class를 적용한 CSS 를 세번째를 태그로 적용하거나
두번째 혹은 세번째 태그의 class명을 다르게 해서 속성을 적용하는(다른 분들처럼) 해도 됩니다.
<li>안녕하세요</li>
<li>안녕</li>
<p></p>
<li>하이</li>
<li>반갑습니다</li>
<li>안녕하세요</li>
<li style="padding-bottom:20px;">안녕</li>
<li>하이</li>
<li>반갑습니다</li>
<ul>
<li>안녕하세요</li>
<li>안녕</li>
<li style="margin-top: 20px;">하이</li>
<li>반갑습니다</li>
</ul>
html보단 css로 처리하는 게 나을 듯.
li:nth-child(2) {margin-bottom:10px;}
답변을 작성하시기 전에 로그인 해주세요.