2 Div uniti, cancellare bordo.

[frenkytribe]

Ciao a tutti,
intanto chiedo scusa per il titolo troppo generico, non riesco a venire a capo di un problema :
si tratta di 2 div affiancati per ottenere una grafica simpatica non utilizzando immagini, è inutile che vi spiego a parole perché farei soltanto confusione quindi posto 2 screenshot con quello che ho e quello che vorrei avere, più il mio codice (semplicissimo).

Index.html

<div align="center" style="border: 1px solid #000; float: left; width: 400px; height: 500px; border-radius: 10px 0px 10px 10px;">text</div>
<div align="center" style="border: 1px solid #000; float: left; width: 120px; height: 120px; border-radius: 0px 10px 10px 0px;">text</div>

Quello che vedo


Quello che vorrei vedere :-)


Spero non sia qualcosa di difficile, comunque sia grazie a tutti in anticipo,
Francesco.

[Prill]

così?

div align="center" style="border: 1px solid #000; float: left; width: 400px; height: 500px; border-radius: 10px 0px 10px 10px;">text</div>
<div align="center" style="border: 1px solid #000; border-left:none; float: left; margin-left:-1px; background-color:#fff; width: 120px; height: 120px; border-radius: 0px 10px 10px 0px;">text</div>

[frenkytribe]

Grazie mille Prill era proprio quello che volevo!