Positioning using CSS

Positioning should be nothing new for us here. Just create a Go Premium section in our CSS with the following rule sets:

/****************Go Premium****************/.intro-content {  width: 360px;  margin-right: 60px;  float: left;}.go-premium {  width: 300px;  float: left;}

Both our .intro-content and .go-premium areas have a set width defined. We should also put margin-right on the intro content to add some space between the two. Both of them are floated to the left. So what this code really accomplishes is this:

We get our introductory content on the left-hand side and our Go Premium content on the right. We have a few ...

Get Mastering CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.