HTML에서 목록 글머리 기호와 텍스트 사이에 공백을 만들려면 CSS 패딩 속성을 사용하세요. 왼쪽 패딩 왼쪽 패딩은
- 태그 목록 항목, 즉
- 태그에 추가됩니다. 이를 통해 패딩이 추가되어 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>