Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> div{ font-size: 20px; width:300px; height:300px; padding: 50px; border:10px solid black; } </style> </head> <body> <div> Phần tử HTML này có:<br> Tổng width = 300px + 100px (left padding + right padding) + 20px (left border + right border) + 0px (left margin + right margin) = 420px;<br> Tương tự tổng height = tổng width = 420px; </div> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> div{ font-size: 20px; width:300px; height:300px; padding: 50px; border:10px solid black; } </style> </head> <body> <div> Phần tử HTML này có:<br> Tổng width = 300px + 100px (left padding + right padding) + 20px (left border + right border) + 0px (left margin + right margin) = 420px;<br> Tương tự tổng height = tổng width = 420px; </div> </body> </html>