From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,500 courses taught by industry experts.

Let me float this by you

Let me float this by you - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Let me float this by you

“

- [Voiceover] Hi. This is Chris Converse and in this episode, we'll be exploring using CSS Float properties to create a text wrap around a photo and caption, as well as create a column layout within our web page. Now if you'd like to follow along with me, download the Exercise Files, which includes a basic web layout that we can all start from, and we'll begin by opening the index.html file in a text editor. Now inside of the html element, inside of the body area, we have a header and a main section. Inside of this main section here we have an article element, and an aside element. We also have some content that follows the aside. We'll look at clearing the float later on. And then inside of the article we have a figure element. Now if you'd like to preview this page you can open the index.html file up in a browser. My particular text editor has a preview, so I'll use that. And here we can see that this page is basically a single column of content. So the figure element in caption is…

Contents