The problem with using class names that reflect presentation details is that they can make changing the UI more difficult. For instance, imagine if in some new design, we displayed the lap name and duration centered on their own lines. In that case, in addition to updating the CSS, we'd have to go into the markup (and potentially the JavaScript) to re-name the classes to something that made sense.

If we used class names that reflected the semantic meaning of the content, then the presentation and the structure could be maintained more independently. What do you think of renaming `.lap-left` to `.lap-name` and `.lap-right` to `.lap-duration`?

(I know this code didn't change since since last time... I guess I just forgot to hit "submit" on my last review.)