I am using a simple text menu.

On the vertical BLOCK style I get nice even menu buttons.
Button
Button
Button
Button
Based on the Width statement.

When I use INLINE, the only way I can get things even is to put them inside
a Table and use a series of <TD> commands.

There has to be a way in CSS to get EACH menu item boxed even
nomatter what size of the menu word is.

Space.......Home Space........ Snittenbrugen Space........ Dog

All evenly spaced and centered.

Not scruntched like this Home Snittenbrugen Dog

I don't want to have to create a series of GRAPHIC BUTTONS.

Any suggestions......

use display:block, set a width and float them left.

I tried

display: inline; width:12px
display: block-inline; width:12px

The 5 menu items are still scrunched.

you can't apply a width to an inline element

Then my only choice to spread out the inline menu elements evenly across about 500 pixels is to table them?

No. If you so as chrishirst has already said, you have a width specified. You can alter that width with CSS locally if needed. By using display:block and floating left the menu elements follow one another inline. Check the menu at forrestcroce.com for an example. It's text only with varying word lengths, and uses a baseline width that is modified locally to suit. Specifying a baseline padding and altering as necessary is also an option.

tim

I figured out why
display: block; float:left; wasn;t working.
I had the width statment in the class set to 100% from the original block menu I copied. I lowered it to 10% and these are lining up exactly how I want them

.buttons2 a {color: #000000;
border: 1px solid;
background-color: #A6C8F0;
padding: 1px;
padding-left: 4px;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #FF0000 #FF0000 #FF0000 #FF0000;
display: block; float:left;
margin: 0px;
width: 10%;
text-align: left;}

Thanks!