Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> .test{ border:10px solid black; padding:100px; max-width:300px; } </style> </head> <body> <div class="test">- Lập Trình Web</div> <p style="font-size:18px">- <i><u>GIẢI THÍCH</u>:</i> Phần tử phía trên có chiều rộng là 520px, vì nó có chiều rộng phần border là 20px <i>(hai đường, mỗi đường 10px)</i>, chiều rộng phần padding là 200px <i>(hai vùng đệm trái & phải, mỗi vùng 100px)</i>, chiều rộng phần nội dung 300px.</p> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> .test{ border:10px solid black; padding:100px; max-width:300px; } </style> </head> <body> <div class="test">- Lập Trình Web</div> <p style="font-size:18px">- <i><u>GIẢI THÍCH</u>:</i> Phần tử phía trên có chiều rộng là 520px, vì nó có chiều rộng phần border là 20px <i>(hai đường, mỗi đường 10px)</i>, chiều rộng phần padding là 200px <i>(hai vùng đệm trái & phải, mỗi vùng 100px)</i>, chiều rộng phần nội dung 300px.</p> </body> </html>