Cách định dạng phần tử HTML bằng thẻ <div>?

Với thẻ <div>, dễ dàng định nghĩa một phần của tài liệu HTML. Nhóm các phần tử HTML lớn lại với nhau và dễ dàng định dạng chúng. Thẻ <div> dùng với các phần tử cấp khối (block-level elements).

Chạy mã sau để định dạng phần tử HTML dùng thẻ <div>. Quy tắc kiểu được áp dụng cho phần tử có id="content". Ở đây id là CSS Selector (bộ chọn ID).

Ví dụ

<!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>

File CSS style.css:

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