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

html 줄바꿈하는 방법 아시는 분 있나요? 채택완료

아무것도모르는퍼블리셔 2년 전 조회 4,746

</p>

<p><li>안녕하세요</li></p>

<p><li>안녕</li></p>

<p><li>하이</li></p>

<p><li>반갑습니다</li>

 

 

안녕하세요 제 질문은 html질문인데요..

li로 목록을 위 코드처럼 주르륵 썼을 때 나오는 결과값에서 

이미지안에 있는 빨간네모처럼 줄바꿈(여백)을 주고싶은데 <br>태그로는 안되서요..

html만을 이용해서 줄바꿈을 하는 방법이 있을까요?

 

답변해주시면 정말 감사하겠습니다ㅜㅜ

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

답변 5개

채택된 답변
+20 포인트
플래토
2년 전

좀 단순한 형태로 태그로 해결을 원하는거라면

 

</p>

<p><ul>

  <li>안녕하세요</li>

  <li>안녕</li></p>

<p>  <li> &nbps;</li>

  <li >하이</li>

  <li>반갑습니다</li>

</ul></p>

<p>

 

와 같이 하면되고

 

그이외 CSS를 적용하는것이라면 다른 분들이 적용하신내용으로 해도 되고

 

각 li 에 class를 적용한 CSS 를 세번째를 태그로 적용하거나

두번째 혹은 세번째 태그의 class명을 다르게 해서 속성을 적용하는(다른 분들처럼) 해도 됩니다.
 

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

답변에 대한 댓글 1개

아무것도모르는퍼블리셔
2년 전
답변감사합니다 !!

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

s
sinbi Expert
2년 전

html보단 css로 처리하는 게 나을 듯.

li:nth-child(2) {margin-bottom:10px;}

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

답변에 대한 댓글 1개

아무것도모르는퍼블리셔
2년 전
답변감사합니다 !!

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

</p>

<p><ul>

  <li>안녕하세요</li>

  <li>안녕</li>

  <li style="margin-top: 20px;">하이</li>

  <li>반갑습니다</li>

</ul></p>

<p>

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

답변에 대한 댓글 1개

아무것도모르는퍼블리셔
2년 전
답변감사합니다 !!

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

e
2년 전

</p>

<p><li>안녕하세요</li>

<li style="padding-bottom:20px;">안녕</li>

<li>하이</li>

<li>반갑습니다</li></p>

<p>

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

답변에 대한 댓글 1개

아무것도모르는퍼블리셔
2년 전
답변감사합니다 !!

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

핑크빈
2년 전

</p>

<p><li>안녕하세요</li>

<li>안녕</li>

<p></p>

<li>하이</li>

<li>반갑습니다</li></p>

<p>

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

답변에 대한 댓글 1개

아무것도모르는퍼블리셔
2년 전
답변감사합니다 !!

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

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

로그인