Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>The title of the document</title> <style> .container { display: flex; align-items: center; justify-content: center } img { max-width: 100% } .image { flex-basis: 70%; order: 2; } .text { color: #CD5C5C; padding-left: 20px; font: italic 10px "Fira Sans", serif; } </style> </head> <body> <div class="container"> <div class="image"> <img src="https://cdn.londonandpartners.com/visit/general-london/areas/river/76709-640x360-houses-of-parliament-and-london-eye-on-thames-from-above-640.jpg"> </div> <div class="text"> <h1>London is the capital and largest city of England.</h1> </div> </div> </body> </html>