im having a blank

[ki]

Im having a blank,

 

I have this list

 

<ul>
<li>DYNAMIC CONTENT</li>
<li>DYNAMIC CONTENT</li>
<li>DYNAMIC CONTENT</li>
</ul>

 

they're all having different values of space going in, but I want them to be the same length so that when I hover over them it will look even not based on the size that each individual li is. any help so they're all the same size? without width because u don't know how big they are actually going to be

[calabiyau]

I think you would have to select a maximum width if you want them all to be the same size regardless of content.  Might be a good case for a table where the column will stretch with the content and then you can style the individual td's.

[moberemk]

Try giving the LI elements a class:

<ul>
<li class="whatever">DYNAMIC CONTENT</li>
<li class="whatever">DYNAMIC CONTENT</li>
<li class="whatever">DYNAMIC CONTENT</li>
</ul>

And then giving them a simple CSS width property:

.whatever {
   width: 100px;
}