6.2 #Helpers.Inline Inline
The Inline Helper displays an element in line, with a line-height of 0 to maintain vertical rhythm. This class is useful for creating inline lists, that is, lists whose items are each displayed in line, one right after another.
- author
- Chris Harvey
- updated
Example
- spacetime
- black hole
- singularity
- gravity
- supernova
- neutron star
Markup
<!--link rel="stylesheet" href="/node_modules/xmeter/css/dist/h-Inline.css"/-->
<ul>
<li class="h-Inline">spacetime </li>
<li class="h-Inline">black hole </li>
<li class="h-Inline">singularity </li>
<li class="h-Inline">gravity </li>
<li class="h-Inline">supernova </li>
<li class="h-Inline">neutron star </li>
<ul>
Source:
_h-Inline.less, line 7