From the course: CSS Essential Training
Join today to access over 23,200 courses taught by industry experts.
Project: Float images and text - CSS Tutorial
From the course: CSS Essential Training
Project: Float images and text
(upbeat music) - [Instructor] In this project update, we'll make our first layout change and we'll be using the float property for its intended purpose, which is to float text around images. This will apply to the thumbnails in the projects section. We'll also add more visual separation between the sections by adding space and a border under the H2 titles. Let's start in the editor in the Resume HTML file. For each project section, let's add a class. I'll name it "project item." We'll need to add this to each one so instead of typing it again, I'll just copy and paste it and add it to the other project sections. Save the file and switch over to the CSS file. Now under the project sections, we'll add a selector for the image tags, but within the project items sections. So let's use another descendant selector, project item, Space, img. The image is currently displayed at the default size of the image file, but I…
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.