<!DOCTYPE html>
<html>
 <head>
  <style>
   body > span { border: 3px solid blue }
   .notstart { border-left: none; }
   .notend { border-right: none; }
  </style>
 </head>
 <body>
   <span class="notend">
     <span>One</span><span>Two</span><span>Three</span>
   </span>
   <div>Four</div>
   <span class="notstart notend"></span>
   <div>Five</div>
   <span class="notstart notend">
     <span>Six</span>
   </span>
   <div>Seven</div>
   <span class="notstart notend"></span>
   <div>Eight</div>
   <span class="notstart">
     <span>Nine</span><span>Ten</span><span>Eleven</span>
   </span>
 </body>
</html>