Chạy thử Ví dụ Thuộc tính width trong CSS

Chạy thử Ví dụ Thuộc tính width trong CSS

Chạy thử Ví dụ Thuộc tính width trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ Thuộc tính width trong CSS</title>
<style>
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div{width:100%; height:auto; float: left; border:1px solid red; margin-bottom:10px}
div p {background:green; margin:0px; padding:15px; color:#fff}
div span {background:green; margin:0px; padding:15px; color:#fff;float:left}
</style>
</head>
<body>

  <h1>Chạy thử Ví dụ Thuộc tính width trong CSS</h1>
  
  <p>Dùng để quy định chiều rộng cho các phần tử HTML như thẻ div, img, p, input,... bằng đơn vị px, phần trăm, auto:</p>
  
  <div><p style="width:30%">width:30%</p></div>
  
  <div><p style="width:50%">width:50%</p></div>
  
  <div><p style="width:100%">width:100%</p></div>
  
  <div><p style="width:100px">width:100px</p></div>
  
  <div><p style="width:150px">width:150px</p></div>
  
  <div><p style="width:auto">width:auto; Thẻ p</p></div>
  
  <div><span style="width:auto">width:auto; Thẻ span</span></div>
  
</body>
</html>
Chạy thử Ví dụ Thuộc tính width trong CSS nằm trong bài viết Thuộc tính width trong CSS