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!
liking the vimeo video embed than the earlier player!
The ol left padding looks fine for single digit list items but will look funny with any list items 10 or bigger.
list-style-position: inside;is a better way to handle this. CodePen ExampleIndeed, that is cleaner than trying to do everything with “magic numbers” (e.g. hard coded numbers that work at this particular font/size/whatever but aren’t exactly future proof). I’ll have to switch this up in the future.
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.