Question

I have a menu bar and I want to create a div for each menu item so that they are separately horizontally by 5px. How do I do that?

It seems that by simply wrapping an item around a div, it automatically causes each menu item to go on a new line.

Answer 1

divs are block elements by default. You can change this in CSS

 display:inline

but you might be better off using a list and CSS to achieve what you want.

<style>
   .mymenu{
      list-style:none; 
   }
   .mymenu li{
      display:inline;
      etc
   }
</style>
<ul class="mymenu">
    <li>Item</li>
    <li>Item</li>
</ul>