Basics

Paragraphs

This is a simple paragraph.

<p>This is a simple paragraph.</p>
Notes
Regular HTML paragraph tags are excluded from Chap shortcodes due to issues with TinyMCE. Inside Chap shortcodes you can use 'p' shortcode instead.
Div
This is a regular div.
This div has classes.
<div>This is a regular div.</div>
<div class1 class2>This div has classes.</div>
Span
This is a regular span. This span has classes.
<span>This is a regular span.</span>
<span class1 class2>This span has classes.</span>
Nesting shortcodes
Container in a container.
<container fluid>
  <div ui fluid container>Container in a container.</div>
</container>
Notes
A shortcode cannot contain another instance of itself, so a div shortcode with Semantic UI classes can be used as a substitute. For most shortcodes the Semantic UI class syntax can be achieved by using the shortcode name as the last class and prepending the 'ui' class.
Nesting shortcodes
Container in a container.
<container>
  <ui container>Container in a container.</ui>
</container>
Notes
'ui' shortcode is same as 'div', except the .ui class is prepended by default.
Address
Mozilla Foundation
1981 Landings Drive
Building K
Mountain View, CA 94043-0801
USA
<address>
  Mozilla Foundation{lt}br{gt}
  1981 Landings Drive{lt}br{gt}
  Building K{lt}br{gt}
  Mountain View, CA 94043-0801{lt}br{gt}
  USA
</address>

Leave a comment

Your email address will not be published. Required fields are marked *