zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
ccccccccccccccccccccccccccccccccc
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
ccccccccccccccccccccccccccccccccc
HTML (copy and paste each HTML section if you need more boxes)
<section class="boxes2">
<div><h10>title </h10><br />zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</div>
<div><h10>title 2</h10><br />ccccccccccccccccccccccccccccccccc</div>
</section><br />
CSS
/****boxes2 start ******/
.boxes2 {border: 1px solid blue; padding: 6px; width: 620px; font-size: 14px; margin: auto;}
.boxes2 div:nth-of-type(odd) {display: inline-block; margin: 2px; position: relative; background: rgba(179,242,255, 0.6); color: black; width: 300px;}
.boxes2 div:nth-of-type(even) {display: inline-block; margin: 2px; position: relative; background: rgba(77,225,255, 0.6); color: blue; width: 300px;}
.boxes2 h10:nth-of-type(odd) {text-shadow: 1px 1px 0px black; font-size: 120%;}
.boxes2 h10:nth-of-type(even) {text-shadow: 1px 1px 0px yellow; font-size: 120%;}
/****boxes2 end ******/
