hola amigo pues mientras encuentras una mejor solución yo te doy este ejemplo espero te sirva
CSS:
Código HTML:
div{background:#99CCFF; width:200px;}
ul{font-family:verdana; font-size:12px;}
ul.list1{list-style-position: inside; padding-left:0; *margin-left:0;}
ul.list2{list-style-position: outside; padding-left:13px; *margin-left:3px;} /* es igual si especificas outside o no */
HTML:
Código HTML:
<div>
<ul>
<li>hola mundo, hola mundo, hola mundo, hola mundo</li>
</ul>
<ul class="list1">
<li>hola mundo, hola mundo, hola mundo, hola mundo</li>
</ul>
<ul class="list2">
<li>hola mundo, hola mundo, hola mundo, hola mundo</li>
</ul>
</div>
bien yo te aconsejaría que lo uses con
inside ya que es mas fácil de acomodar pero igual por presentación cabria que pensar mas en tu diseño
jeje bueno creo que en ejemplo se aprecia porque el
outside no me agrada pero igual lo digo... es porque de acuerdo al tamaño de la letra tienes que estar jugando con los valores del
padding y
margin que apliques
en mi caso uso padding-left y margin-left pero igual si lo deceas puedes dejarlos generalizados en padding y margin