We've done a little bit of work on headers, but we'll dig in more on those in this screencast. Headers are a darn important aspect of any site. Done well, our friends h1 through h6 should serve just about every header need on even a complex site. Although, sometimes the correct semantic choice and the one we want stylisticly differs a bit. We'll soon have a solution for that.

We also look at some simple inline element styling like bold/strong italic/emphasis tags used within a paragraph to make sure they are looking good.

We finish looking at lists. Lists within articles should look like lists, with bullet points and numbering accordingly. But the spacing can get kind of funky with lists so they take some very special attention. Especially when you can have lists inside of lists. And lists inside of lists inside of lists!

Comments

  1. User Avatar
    Steve
    Permalink to comment#

    liking the vimeo video embed than the earlier player!

  2. User Avatar
    Devin Dombrowski
    Permalink to comment#

    The ol left padding looks fine for single digit list items but will look funny with any list items 10 or bigger.

  3. User Avatar
    Dean
    Permalink to comment#

    Hey Chris, lorem ipsum text is much easier to do if you just use the snippet. You just type in lorem and hit tab in Sublime Text 2 and it pastes in a bunch of dummy text for you.

Submit a Comment

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag