JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="title"><h3>Spring 2011 Season Films</h3></li>
    <li>...film title...</li>
    <li>...film title...</li>
    <li class="title"><h3>Spring 2011 Season Films</h3></li>
    <li>...film title...</li>
    <li>...film title...</li>
    <li>...film title...</li>  
    <li class="title"><h3>Spring 2011 Season Films</h3></li>  
    <li>...film title...</li>
    <li>...film title...</li>  
    <li>...film title...</li>
    <li>...film title...</li>  
</ul>

CSS

ul { 
    list-style: none;
    position:relative; 
    margin:20px 0px 0px 10px;
}

ul li {
    float: left;
    display:block;
    width:300px;
    clear: both;
    border: #333 1px solid;
    background: #ccc;
    height:30px;
    padding:20px;
}


 li.title {
   position:absolute;
   padding:0px;
   height:0px;
   border:none;
}

li.title h3 {  
    position:absolute;
    top: -15px;
    left: -5px;
    background: yellow;
    height:30px;
}