Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> body { background-color: #ffffff; } .left { background-color: #de6502; width: 150px; height: 600px; float: left; } .right { background-color: #1c87c9; width: 150px; height: 600px; float: right; } .center { height: 600px; background-color: #cccccc; overflow: hidden; text-align: center; } img { max-width: 100%; height: auto; } </style> </head> <body> <div class="left"></div> <div class="right"></div> <div class="center"> <img src="https://images.unsplash.com/photo-1542546068979-b6affb46ea8f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80"> </div> </body> </html>