パディングを追加するために白い背景のボックス内の線の反対側に位置する2つのボックスとして外箱の主なアイデア
<!DOCTYPE HTML> <HTML LANG = " EN " > <HEAD> <メタ文字コード= " UTF-8 " > <タイトル>ドキュメント</ TITLE> <スタイル> .LINE { 幅:500pxなど。 高さ:1ピクセル。 背景 - 色:赤; マージン:0 自動; テキスト - 整列:センター; } スパン{ 位置:相対。 トップ: - 10pxの; パディング:10pxの;カラー:ホワイト; } </スタイル> </ HEAD> <BODY> <divのクラス = " ライン" > <span>の天気が良い</ span>のであるので、今日は良い日です 。</ DIV> </ BODY> </ HTML>