I have a problem that I cannot resolve, so if is anyone who can help me, appreciate:
________________________________________________________________________________
| body |
| |
| ___________ _______________________________________________________________ |
| | | | ||
| | div B | | ||
| | | | ||
| |__________| | ||
| | div C ||
| | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| |_______________________________________________________________||
|_______________________________________________________________________________|
here is my code for this:
<body>
...
<div style="float: left;">...</div>
<div style="float: left;">...</div>
...
</body>
The problem is that anytime when I put in div C text that is more wide – as quantity – than div C (look in drawn outline), the div C changes its position under div B, on the whole body width.
So, can anybody tell me how to make div C not change its position, without specifying any size value (I mean numerical values)?
Thanks!
N.B. I tried to put div B and div C in a display:block or display:inline-block div, but without any results
Use negative margins or
display: table/table-cell.