<!DOCTYPE html>
<html>
<head>
<style>
html,body{
height: 100%;
width: 100%;
font-size: 0px;
margin: 0px;
padding: 0px;
font-family: Verdana;
}
.container{
position: relative;
display: block;
background-color: #ddf;
width: 100%;
min-height:100px;
margin:10px 0;
}
.inner
{
position: relative;
display: inline-block;
font-size: 13px;
line-height: 100px;
padding: 0 20px;
border-right: 2px solid #fff;
text-align: center;
}
</style>
</head>
<body>
<div style="line-height:50px;font-size:14px;">Toolbar Example</div>
<div class="container">
<span class="inner">CONTENT 1</span>
<span class="inner">CONTENT 2</span>
<span class="inner">CONTENT 3</span>
<span class="inner">CONTENT 4</span>
</div>
<div style="line-height:50px;font-size:14px;">Some content ...</div>
</body>
</html>