【CSS14】
この場合、リセットはしない
<p>BOX and PADDING<br> この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。このボックスと内容との余白をパディングといいます。</p> </body>
>以下できた画面
>以下できたソース
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html charset=UTF-8" > <title>【CSS14】</title> <style type="text/css"> <!-- body{width:450px; line-height:1.8em; } h2{color:#ffffff; font-weight:bold; background-color:#629665; margin:0 10px 0 10px; padding:5px; } p{color:#ffffff; font-weight:bold; background-color:#95C998; margin:0 10px 0 10px; padding:5px; } --> </style> </head> <body> <h2>BOX and PADDING</h2> <p>この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。このボックスと内容との余白をパディングといいます。</p> </body> </html>