如何在HTML中的项目符号和文本之间创建空格？

要在列表项目符号和HTML中的文本之间创建空间，请使用CSS padding属性。左侧填充padding-left将添加到<ul>标签列表项，即<li>标签。通过此操作，添加了填充，这将在列表项目符号和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>

基础教程