Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML에서 목록 글머리 기호와 텍스트 사이에 공간을 만드는 방법은 무엇입니까?


HTML에서 목록 글머리 기호와 텍스트 사이에 공백을 만들려면 CSS 패딩 속성을 사용하세요. 왼쪽 패딩 왼쪽 패딩은

    태그 목록 항목, 즉
  • 태그에 추가됩니다. 이를 통해 패딩이 추가되어 HTML에서 목록 글머리 기호와 텍스트 사이에 공간이 생깁니다.
    HTML에서 목록 글머리 기호와 텍스트 사이에 공간을 만드는 방법은 무엇입니까?

    예시

    디스크 글머리 기호가 있는 다음 순서 없는 목록이 있습니다.

    <!DOCTYPE html>
    <html>
       <head>
          <title>HTML List</title>
       </head>
       <body>
          <h1>Developed Countries</h1>
          <p>The list of developed countries:</p>
          <ul style="list-style-type:disc">
             <li>US</li>
             <li>Australia</li>
             <li>New Zealand</li>
          </ul>
       </body>
    </html>

    예시

    다음 코드를 실행하여 HTML의 목록 글머리 기호와 텍스트 사이에 공백을 추가할 수 있습니다. 우리는 위의 동일한 코드를 사용하고 있으며 공백을 위해 왼쪽 패딩을 추가할 것입니다.

    <!DOCTYPE html>
    <html>
       <head>
          <title>HTML Lists</title>
       </head>
       <body>
          <h1>Developed Countries</h1>
          <p>The list of developed countries:</p>
          <ul style="list-style-type:disc">
             <li style="padding-left:1em">US</li>
             <li>Australia</li>
             <li>New Zealand</li>
          </ul>
       </body>
    </html>