JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">

<div id="header">
	<div id="header-top"><div id="container">
    <div id="booknow"><strong>Book now </strong>00000 000000</div><div id="emailus">Email Us</div>
    </div></div>
	<div id="header-middle"><div id="container">
    middle
    </div></div>
</div><!-- header -->

<div id="container">
<div id="body-left">
<form method="post">
<table width="100%" border="0" cellspacing="10">
<tr>
	<td colspan="2"><h3>Book Online</h3></td>
</tr>
<tr>
	<td width="120"><strong>Reservation Date</strong></td>
	<td width="150" align="center"><select name="reservationdate" id="reservationdate">
    <option value="">Select</option>
    </select></td>
</tr>
<tr>
	<td><strong>Number of Places</strong></td>
	<td align="center"><select name="numberofplaces" id="numberofplaces">
    <option value="">Select</option>
    </select></td>
</tr>
<tr>
	<td>&nbsp;</td>
	<td align="right"><input type="submit" name="submit" id="submit" value="Book Reservation"></td>
</tr>
<tr>
	<td colspan="2"><hr width="100%" align="left" /></td>
</tr>
</table>
</form>

<div id="vertical_menu">
<ul>
	<li><a href="">Home</a></li>
    <li><a href="">Home</a></li>
</ul>
</div><!-- vertical_menu -->
</div>

<div id="body-right"></div>
</div><!-- container -->

</div><!-- wrap -->

CSS

body, html {
	font-family:Arial;
	margin:0;
	padding:0;
}

#wrap {
	width:100%;
}

/* header */
#header {
	width:100%;
	background:url(../images/header_img.jpg) no-repeat;
	background-size:1000px;
	background-repeat:no-repeat;
	background-position:center;
}
#header-top {
	width:100%;
	height:40px;
	margin:0 auto 0 auto;
	background-color:#666666;
	color:#FFFFFF;
}
#header-middle {
	width:100%;
	height:200px;
	margin:0 auto 0 auto;
	border-bottom:20px #666666 solid;
}
#booknow {
	display:inline;
	float:left;
}
#emailus {
	display:inline;
	float:right;
}

/* main body */
#container {
	width:1000px;
	margin:0 auto 0 auto;
	padding-top:10px;
}
#body-left {
	display:inline;
	float:left;
	width:240px;
	height:100%;
	padding:5px;
	border:1px solid black;
}
#body-right {
	display:inline;
	float:right;
	width:740px;
	border:1px solid black;
}

#vertical_menu {
    float:left;
}
#vertical_menu > ul > li {
    display:inline-block;
    width:140px;
}
#vertical_menu > li {
    display:inline-block;
    list-style:none;
	margin-left:-20px;
}
#vertical_menu li a {
    display:block; 
    padding-bottom:10px;
	margin-top:15px;
    border-bottom:4px solid #000000;
    color: #000000;
	text-decoration:none;
}
#vertical_menu li a:hover { 
    border-color:#666666; 
    color:#666666
}