Search code examples
htmlstretching

html stretching div


I have this markup

<div id="line" width="100%; height: 44px;">
   <div id="identifier" style="position: absolute;left:0px width: 90px;">blabla</div>
   <div id="title" style="position: absolute; left: 90px;float: left; display:inline;">title</div>
   <div id="button" style="width:100px;float:right">gfgh</div>
</div>

How can I stretch div[id='title'] so it fills all the remainder space until next div (button)?


Solution

    • Set position:relative on div#line.
    • Set right:100px on div#title.