Xmeter Style Guide

6.3.3 #Helpers.Clearfix.3 Example 3

Toggle example guides Toggle HTML markup

An alternative to marking up postal addresses. Instead of adding br elements to create line breaks in postal addresses—the traditional approach—you may wrap each line of the address with spans using the Clearfix Helper. This approach may be easier if the spans are already present, for example, from microdata markup.

Example

The White House 1600 Pennsylvania Ave NW Washington, DC 20500

Markup
<p>
  <span class="h-Clearfix">The White House</span>
  <span class="h-Clearfix">1600 Pennsylvania Ave NW</span>
  <span class="h-Clearfix">Washington, DC 20500</span>
</p>
Source: _h-Clearfix.less, line 80