Is there another way than (float:left? to make a container div wrap around two other div’s?
here is the code in question:
//**CSS code excerpt
.dialogContent {
position:relative;
top: 150px;
width: 750px;
color: #fff;
padding: 5px;
}
.left {
float:left;
width:350px;
border:1px solid yellow;
}
.right {
float:right;
width:350px;
border:1px solid yellow;
}
//**HTML markup excerpt
<div class=”dialogContent”>
<h3>The header here</h3>
<div class=”left”><p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</p>
</div><!–div left ends–>
<div class=”right”><p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</p>
</div><!–div right ends–>
</div><!–dialog content ends–>