<style>
.container{
background-color: green;
color: #ffffff;
float: left;
width: 100%;
}
.container:after {
display: block;
content: '';
clear: both;
}
.b {
font-weight: bold;
font-size: 20px;
}
.l {
font-size: 15px;
}
li {
float: left;
text-align: center;
width: 100px;
border-left: 1px solid #fff;
box-sizing: border-box;
}
li:last-child {
border-right: 1px solid #fff;
}
ul {
display: block;
margin: auto;
list-style-type: none;
width: 500px;
}
</style>
<div class="container">
<ul>
<li><p class="b">42</p><p class="l">Lorem</p></li>
<li><p class="b">125</p><p class="l">Lorem</p></li>
<li><p class="b">15</p><p class="l">Lorem</p></li>
<li><p class="b">99</p><p class="l">lorem</p></li>
<li><p class="b">25</p><p class="l">Lorem</p></li>
</ul>
</div>
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'=>'Sidebar Widgets',
'before_widget' => '<div id="%1$s" class="widgetSidebar %2$s">',
'after_widget' => '</div>',
'before_title' => '',
'after_title' => '',
));