From the course: HTML: Images and Figures
Join today to access over 24,000 courses taught by industry experts.
Challenge: Images and text - HTML Tutorial
From the course: HTML: Images and Figures
Challenge: Images and text
(gentle whooshing) - [Man] Okay, now it's your turn. Here's a challenge involving image resizing, spacing, alignment, and floating. In the exercise files for this video you'll find the files you need for this challenge. The original sizes for each image is listed here. The HTML file I've provided you has comments that tell you what needs to be done. The heading on lines 17 to 21 will have the flags of Germany and Munich on either side of the text, vertically aligned with the middle of the text. The main text on lines 22 to 33 will have the image of the museum clock at the left, and the view from the top of the museum on the right. The paragraph on lines 39 to 42, giving information on how to get to the museum, must appear below both pictures, not between them. Here's what the result should look like. Your webpage might not look exactly like this, depending on the font size and screen width you use, but you will have to make the width and height of the flags smaller than their normal…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.