Salve a tutti, sto tentando di creare uno stile a box in modo da avere dei box con una barra in alto come titolo e un contenuto in basso.
Sto usando un sistema con div uno dentro l'altro. con questa struttura:
usando questo stileCodice HTML:<div class="box" id="pratica">
<div class="titolo">Prova</div>
<div class="contenuto">Testo di porva</div>
</div>
Funziona ma il testo nel "titolo" è troppo attaccato al bordo.Codice HTML:.box { border: #000 1px solid; border-radius: 10px; }
.box > .titolo { display: block; width: 100%; height: 1.5em; background: #C0C0C0; border-radius: 10px 10px 0 0; }
.box > .contenuto { margin: 30px; }
Se provo ad impostare il padding, da un conto si sistema la posizione del testo, ma a destra il box si disallinea ed esce dal box contenitore.
Un esempio è visibile a questa pagina.
Mi potete aiutare? Grazie.
