Vertical Middle

by Sparrow Squire

HTML

<ul>
  <li>
    <div>Th’art nesh thee nay lad soft lad wacken thi sen up t’foot o’ our stairs.</div>
    <div>Nay lad where’s tha bin.</div>
    <div>Th’art nesh thee a pint ‘o mild any rooad t’foot o’ our stairs. Where there’s muck there’s brass t’foot o’ our stairs ah’ll gi’ thee a thick ear. Ah’ll learn thi tintintin tell thi summat for nowt soft lad mardy bum. Chuffin’ nora ah’ll box thi ears soft lad ee by gum tell thi summat for nowt ah’ll gi’ thee a thick ear. Bobbar nay lad. </div>
  </li>
  <li>
    <div>Th’art nesh thee nay lad soft lad wacken thi sen up t’foot o’ our stairs.</div>
    <div>Nay lad where’s tha bin.</div>
    <div>Th’art nesh thee a pint ‘o mild any rooad t’foot o’ our stairs. Where there’s muck there’s brass t’foot o’ our stairs ah’ll gi’ thee a thick ear. Ah’ll learn thi tintintin tell thi summat for nowt soft lad mardy bum. Chuffin’ nora ah’ll box thi ears soft lad ee by gum tell thi summat for nowt ah’ll gi’ thee a thick ear. Bobbar nay lad. </div>
  </li>
  <li>
    <div>Th’art nesh thee nay lad soft lad wacken thi sen up t’foot o’ our stairs.</div>
    <div>Nay lad where’s tha bin.</div>
    <div>Th’art nesh thee a pint ‘o mild any rooad t’foot o’ our stairs. Where there’s muck there’s brass t’foot o’ our stairs ah’ll gi’ thee a thick ear. Ah’ll learn thi tintintin tell thi summat for nowt soft lad mardy bum. Chuffin’ nora ah’ll box thi ears soft lad ee by gum tell thi summat for nowt ah’ll gi’ thee a thick ear. Bobbar nay lad. </div>
  </li>
</ul>

CSS

ul {
  list-style: none;  
}

li {
  float: left;
  width: 100%;
  min-height: 100px;
  line-height: 95px;
 
}
li div { 
  width: 200px;
  background:#ededed;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35);
     -mox-box-shadow: 0 0 10px rgba(0,0,0,0.35);
          box-shadow: 0 0 10px rgba(0,0,0,0.35);
  padding: 10px;
  margin: 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: #999;
}