title: HTML & CSS: How to create four equal size tabs that fill 100% width?
body: <p>I am trying to create a navigation panel for my website. I would like it to consist of:</p>
  
  <ul>
  <li>Four tabs in equal size with text-centered in each tab. </li>
  <li>They should fill the whole page width.</li>
  </ul>
  
  <p>I would really like the design to be flexible and browser friendly. I have tried various float techniques, but I can't get it to work. I hope that you can help me out!</p>
  
  <p>Thank you.</p>