Functional CSS: Dynamic HTML without JavaScript (volume 3) by Dmitriy Nesterkin

Author:Dmitriy Nesterkin [Nesterkin, Dmitriy]
Language: eng
Format: azw3
Tags: Web Development
Publisher: D# Media
Published: 2015-05-28T04:00:00+00:00

Listing 3.31: Size each list of skills to one third of its container and stack the lists next to each other

#skills .skillset ul { float: left; width: 33%; }

Listing 3.32: Clear floats

#skills .skillset { overflow: hidden; }

The overflow: hidden declaration is one of the most common ways to keep floats away from other containers. For an explanation on how this method works, please search the web. There are many sources that address this topic.

Listing 3.33: Move down every 4th and up list within its container

#skills .skillset ul:nth-of-type(n + 4) { margin-top: 15px; }

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.