These headings out of order feels wrong but I can see why you would go that route. The date is the real heading and the day is the secondary heading, yet needs to come first... Maybe the day could be inside a single heading and just styled differently? <code>&lt;h2&gt;&lt;span&gt;Monday&lt;/span&gt; February 24&lt;/h2&gt;</code> That reads like "Monday February 24" and you could still style the day as a secondary label. Just a thought.