Xmeter Style Guide

6.1 #Helpers.Block Block

Toggle example guides Toggle HTML markup

The Block Helper displays an element as a block, with an inherited line-height to maintain vertical rhythm.

author
Chris Harvey
updated
Example

Albert Einstein was made famous by his equation E = mc2 which explains the relationship between energy and mass.

Markup 
<!--link rel="stylesheet" href="/node_modules/xmeter/css/dist/h-Block.css"/-->
<p>Albert Einstein was made famous by his equation
  <b class="h-Block" style="text-align:center;">E = mc<sup>2</sup></b>
  which explains the relationship between energy and mass.</p>
Source: _h-Block.less, line 7