#content { width: 800px; position: relative; } #duzydiv { width: 400px; position: absolute; background: green; margin-left: 110px; } #abc { width: 100px; position: absolute; background: yellow; } #abcd { width: 100px; position: absolute; background: black; margin-top: 30px; } #abcde{ width: 100px; position: absolute; background: pink; margin-top: 60px; } #abcdef { width: 100px; position: absolute; background: yellow; margin-top: 90px; }
<div id="content"> <div id="abc">Toutaj tekst</div> <div id="abcd">Toutaj tekst</div> <div id="abcde">Toutaj tekst</div> <div id="abcdef">Toutaj tekst</div> <div id="duzydiv">Lorem ipsum dolor sit amet enim. Etiam ullamcorper.</div> </div>
#content { width: 800px; position: relative; } #duzydiv { width: 400px; position: absolute; border: 1px black; margin-left: 110px; border-style: solid; } #abc { width: 100px; position: absolute; border: 1px; border-style: solid; } #abcd { width: 100px; position: absolute; border: 1px; margin-top: 30px; border-style: solid; } #abcde{ width: 100px; position: absolute; border: 1px; margin-top: 60px; border-style: solid; } #abcdef { width: 100px; position: absolute; border: 1px; margin-top: 90px; border-style: solid; }