dunque ho questo box model:

<p class="texts">
Indice:

1)Biografia

Ilpersonaggio

Simbolismo

2)Bibliografia

3)Link

</p>

vorrei che il personaggio e il simbolismo apparissero un po' piu a destra in quanto logicamente contenuti nella biografia...il css che uso è questo:

.texts {
float:left;

background: #eee;

border:1px solid #999;

color: #000;

/* padding: 0.5em;
margin: 0.5em; */
width: 80%;
font-size: 100%;
font-family: verdana; }

ho provato con i tag <ul> e[*] ma distrugge il box model...come fare?