Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> .main { border: 1px solid #4287f5; float: left; height: 180px; width: 500px; position:relative; } .column1 { color: #4287f5; text-align:center; } .column2 { text-align:center; } #bottom { position:absolute; bottom:0; right:0; } </style> </head> <body> <div class="main"> <div class="column1"> <h2>W3docs</h2> </div> <div class="column2"> Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. </div> <div id="bottom">Нижний контент Div</div> </div> </body> </html>