YuanUI pattern library

15.1 #Utilities.text-center Text center

Center text within a block by applying text-center

Example

Centered text

Markup

<p class="text-center">Centered text</p>

Source: utilities.css, line 1

Add the class clearfix to an element to force it to contain its floated contents

Example

floated

Markup

<div class="clearfix">
  <span class="float-left">floated</span>
</div>

Source: utilities.css, line 30

Float an element to the left with float-left

Source: utilities.css, line 17

Positioning content off-screen, while still allow it to be read by screen readers.

Example

Markup

<div class="hidden">This text is hidden.</div>

Source: utilities.css, line 53