html - テーブルを使用せずにこのようなHTML境界線を設定するにはどうすればよいですか？

Question

ここに示すように、「利用規約」ヘッダーに内側の境界線を設定し たいのですが、テーブルを使用したくありません。これを回避する方法はありますか？助けてください。

Answer 1

これを試して。要件に応じてスタイルを変更/修正できますが、基本的なアプローチを示しました。

.header{background:#fff; padding:10px;}
.inner-header{border:1px solid grey;}


<div class="header">
     <div class="inner-header">
         This one will have the border
     </div>
</div>