Sample HTML code:
<div class="container">
<h2>RSVP & Check-in</h2>
<p>
Set RSVP to receive reminders for all events you plan to attend.
</p>
</div>
CSS styling:
.container {
float: left;
margin: 0 20px 0 0;
padding: 0;
width: 300px;
height: 156px;
}
.container h2 {
color: #fff;
font-size: 24px;
font-weight:bold;
box-shadow: 1px 1px 0 black;
}
The border resembles a table border, as illustrated in the following link:
Sample Border Design