Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> .test{ border:10px solid black; padding:100px; height:100px; } </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 cao là 320px, vì nó có chiều cao phần border là 20px <i>(hai đường, mỗi đường 10px)</i>, chiều cao phần padding là 200px <i>(hai vùng đệm trái & phải, mỗi vùng 100px)</i>, chiều cao phần nội dung 100px.</p> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> .test{ border:10px solid black; padding:100px; height:100px; } </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 cao là 320px, vì nó có chiều cao phần border là 20px <i>(hai đường, mỗi đường 10px)</i>, chiều cao phần padding là 200px <i>(hai vùng đệm trái & phải, mỗi vùng 100px)</i>, chiều cao phần nội dung 100px.</p> </body> </html>