[Resolvido] Div com 3 partes

css

#box1 {
 float: left;
 width: 30%;
}

#box2 {
 float:right;
 width: 70%;
}

html

<div id="box1"></div>

<div id="box2">

 <div id="escrita1"></div>

 <div id="escrita2"></div>

</div>

<br clear="all" />

 

;)

Acho que eu já consegui aqui, com um pouquinho de 'gambiarra', rsrsrs, veja :seta: http://mbiosinformatica.com.br/box.php

Código, CSS:

.box{
 border: 1px solid #CCC;
 padding: 5px;
 font-family: 'tahoma';
 background-color: #fff;
 height: 42px;
 width: 540px;
}

 margin-top: -5px;
 color: #ae4828;
 font-weight: bold;
 font-size: 27px;
 padding: 10px 15px 10px 10px;
 border-right: 1px solid #CCC;
 position: absolute;
}
.contents{
 margin-left: 45px;
}

 height: 1px;
 border: 0px;
 margin: 0px;
 border-bottom: 1px solid #CCC;
 width: 500px;
 position: absolute;
}
.fix{
 clear: both;
}

HTML:

<div class="box">
 <div style="float: left">
 <div class="number">1</div>
 <div class="contents">
 <div class="top">Escrita ..</div>
 <hr />
 <div class="bottom">Escrita ...</div>
 </div>
 </div>
</div>

isso não é gambiarra hehe, é apenas html e css ;)