Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .main { border: 1px solid #4287f5; float: left; height: 180px; width: 500px; position: relative; text-align: center; } .column1 { color: #4287f5; } #bottom { position: absolute; bottom: 0; width: 100%; color: #ffffff; background-color: blue; padding: 15px 0; } </style> </head> <body> <div class="main"> <div class="column1"> <h2>W3docs</h2> </div> <div class="column2"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div> <div id="bottom">Bottom Content Div</div> </div> </body> </html>