HTML List element : Sharing the parent width into equal parts

Question

I have a parent

and couple of
1. items in that.

   
      &         
   
   
           

Answer 1

Here is a minimalistic design. It will produce responsive equal distance cells

   

      
CELL 1
      
CELL 2
      
CELL 3
      
CELL 4
   

The magic is width:1%; position:relative; display:table-cell;