The Ushahidi Pattern Library Starter

LTR Sample Page

Background

Background postition with background image



Background Position Left
Background Position Right
Background Position Center

Background postition with background image and background color



Background Position Left
Background Position Right
Background Position Center

Border

Border Left
Border Right


Border Radius

Border Top Left Radius
Border Top Right Radius
Border Bottom Left Radius
Border Bottom Right Radius

Direction

This is some text. Inspect this element in the browser inspector tools to see the CSS direction property change from ltr to rtl.

(or pay special attention to the period at the end of this sentence).

Float

Float origin left
Float origin right

Clear

Clear origin left
Clear origin right

Left/Right

Left Postion

Margin

Margin
Margin Left
Margin Right

Padding

Padding
Padding Left
Padding Right

Text-align

Text Align Left
Text Align Right

Text-indent

Text Indent

Cursor

Cursor East
Cursor North East
Cursor South East
Cursor West
Cursor North West
Cursor South West