Neal Sheeran

Here we have a second article to test out some additional HTML elements. A key thing to look for will be maintaining the overall vertical rhythm throughout the page. This is usually done by setting the bottom margins on most elements equal to to the line-height.

1. Lists, obviously.
2. Footnotes and sidenotes
3. Inline code as well as code blocks
4. This is a somewhat long line of text, full of superfluous and unnecessary words drafted and crafted for the sole purpose of making this line wrap
5. Here is an ordered list within a list:
   1. This is sub-tem one
   2. And this is sub-item two
   3. Last, but not least, sub-item three
6. The Last Item

Typographic purists say that the bullets and numbers for lists should lie outside the left edge of the body text and hang in the margin.¹ I’m not sure I agree. Maybe it is years of Microsoft Word automatically doing otherwise, maybe it is keeping those markers out of the grid gutter and away from the sidenotes and image captions that are over there. Whatever. Here is an unordered list of authors I like:

Sorry about that, I couldn’t find a better place for a hr element.²

• David Foster Wallace. His non-fiction long form writing is excellent. Tried a bit of his fiction and it didn’t really stick.
• Michael Lewis - anything.
• Dennis Lehane. One of the best crime and fiction writers out there.
• James Ellroy is good too, especially the LA Quartet:…
  • The Black Dahlia
  • The Big Nowhere
  • LA Confidential
  • White Jazz
• The Last Item

Code Elements

Things to think about when marking up code elements such as section and article: include what monospace font to use and whether or not to use a different color. Here is a pre block:

h1 {
  font-size: 2.25em;
  line-height: 1.33333333em;
  background: rgb(225,169,196) url('/images/test.jpg') no-repeat;
  }

Octopress has some pretty awesome syntax highlighting built-in, so I will carry those styles over.