เราจะจัดรูปแบบองค์ประกอบ HTML โดยใช้แท็กการหาร

ได้อย่างไร

ด้วยแท็ก

คุณสามารถกำหนดส่วนของเอกสาร HTML ของคุณได้อย่างง่ายดาย จัดกลุ่มองค์ประกอบ HTML ส่วนใหญ่ไว้ด้วยกันและจัดรูปแบบได้ง่าย แท็ก

ใช้กับองค์ประกอบระดับบล็อก

เราจะจัดรูปแบบองค์ประกอบ HTML โดยใช้แท็กการหาร div ได้อย่างไร

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจัดรูปแบบองค์ประกอบ HTML โดยใช้แท็ก

กฎสไตล์ที่เพิ่มจะถูกนำไปใช้กับองค์ประกอบที่มี id=”content”
รหัสนี้คือ CSS Selector

ตัวอย่าง

<!DOCTYPE html>
<html>
   <head>
      <title>HTML div Tag</title>
      <link rel = "stylesheet" href = "style.css">
   </head>
   <body>
      <div id = "container">
         <p>Welcome to our website. We provide tutorials on various subjects.</p>
      </div>
   </body>
</html>

นี่คือไฟล์ CSS style.css

#container p {
   line-height: 15px;
   margin: 20px;
   padding-bottom: 15px;
   text-align: justify;
   width: 130px;
   color: blue;
}