Tuesday, February 27, 2018

WebDesign: Floating Elements (W8-P2)

In CSS there are three main ways of positioning content/elements in CSS. You can use floats, in-line blocks and unique positioning.

Let's take a look at floats. And, we'll look at clearing too.

If you liked that visual explanation, you might also see "CSS Float and Clear Explained - How does CSS float and clear work?"

Now with that floating explanation in mind, let's shift over to actually doing some floating of elements, actually messing with some code. Check the following video and use the HTML and CSS code in the video comments and pop that into the web development tool we used last week.  And, then mess around with the code.

If you are curious and want to learn more about floating, I'd recommend "CSS Floats and Clears Explained" from DevTips.

Share this post with others. See the Twitter, Facebook and other buttons below.
Please follow, add, friend or subscribe to help support this blog.
See more about me at my web site WilliamHartPhD.com.

No comments:

Post a Comment

Thank you for your comment.
Your comment will be reviewed.
If acceptable, it will be posted after it is carefully reviewed. The review process may take a few minutes or maybe a day or two.