จะสร้างช่องว่างระหว่างรายการสัญลักษณ์แสดงหัวข้อย่อยและข้อความใน HTML ได้อย่างไร?

หากต้องการสร้างช่องว่างระหว่างรายการหัวข้อย่อยและข้อความใน HTML ให้ใช้คุณสมบัติการเติม CSS เพิ่ม padding ด้านซ้าย-left ลงในรายการแท็ก

ด้วยวิธีนี้ ช่องว่างภายในจะถูกเพิ่มเข้าไป ซึ่งจะสร้างช่องว่างระหว่างรายการหัวข้อย่อยและข้อความใน 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>
```

จะสร้างช่องว่างระหว่างรายการสัญลักษณ์แสดงหัวข้อย่อยและข้อความใน HTML ได้อย่างไร?

ตัวอย่าง

ตัวอย่าง