Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

11. Divs and Spans: Advanced Web Constru... > Adding the basic styles to the elixi...

Adding the basic styles to the elixirs

We’ve got the width out of the way. What’s left to do?

First, we’re going to change the width of the elixirs <div> to make it narrower.

Next, we’ll knock out some of the styles you’re already familiar with, like padding, text alignment, and the background image.

Then all we’ve got left are the text line heights and the heading colors. You’re going to see that you need to upgrade your CSS selector skills just a bit to get those changed.

Note

We’re doing this step next.

Now we’re going to concentrate on some of the basic styles, like the padding, the text alignment, and also getting that background image of the cocktail glasses in the elixirs <div>. You’re already familiar with how most of this works, so let’s take a quick look at the CSS:


  

You are currently reading a PREVIEW of this book.

                                                                                                                    

Get instant access to over $1 million worth of books and videos.

  

Start a Free Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint