how to set an HTML border like this without using table?

Question

I want to set an inside border on the "Terms and Conditions" header like shown Here And I don't want to use a table. Is there any way around this? Please help.

Answer 1

Try this. You may modify/amend the styles as per your requirement but I have given you a basic approach.

.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>