# \<li\> and Width conflict in CSS

**URL:** <https://forum.kirupa.com/t/li-and-width-conflict-in-css/63084>\
**Category:** programming\
**Created:** [September 2, 2004, 9:15pm UTC](https://forum.kirupa.com/t/li-and-width-conflict-in-css/63084 "2004-09-02T21:15:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![RussianBeer](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/russianbeer/32/152_2.png) [@RussianBeer](https://forum.kirupa.com/u/RussianBeer)\
**Post date:** [September 2, 2004, 9:15pm UTC](https://forum.kirupa.com/t/li-and-width-conflict-in-css/63084/1 "2004-09-02T21:15:43Z")

</div>

Hey guys,

Im facing a real strange bug, I want my \<li\> tags to be a certain width, so using CSS I give them a width of 70%, but what it does is changes all the number in my list to 1.!

So for ex a list of

[list=1]  
[_]hey  
[_]you  
[\*]there  
[/list]Becomes:

1. hey
2. you
3. there

If I remove my width element from the tag it works as normal but then I have other problems.

Thanks people

This is my CSS for the \<li\> tag.

```auto
li {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #000000;
 margin: 0px;
 float:none;
 line-height: 20px;
 clear:none;
 text-align: left;
 width:70%;
 
}

```

And this is my whole CSS file :[http://www.pacific-emarket.com/imts/imts.css](http://www.pacific-emarket.com/imts/imts.css)