====== Wrap Plugin Examples ======

The Wrap plugin has some of its most commonly used wraps in the tool bar:
{{  wrap.png  }}

More info [[https://www.dokuwiki.org/plugin:wrap |here]]

===== Columns =====

<WRAP half column>
%%<WRAP half column>%%

This is text in the left column.
</WRAP>

<WRAP half column>
%%<WRAP half column>%%

This is text in the right column.
</WRAP>


===== Alignment =====

<WRAP rightalign>
%%<WRAP rightalign>%%

All this text is aligned to the right.
</WRAP>

<WRAP centeralign>
%%<WRAP centeralign>%%

All this text is aligned in the centre.
</WRAP>

<WRAP leftalign>
%%<WRAP leftalign>%%

This text is aligned to the left as per usual.
</WRAP>

<WRAP justify>
%%<WRAP justify>%%

This text is justified, which means that the lines are stretched so that they all end at the end.
</WRAP>

===== Boxes =====

<WRAP half column>

<WRAP box 80%>
%%<WRAP box 80%>%%
</WRAP>

<WRAP round box 80%>
%%<WRAP round box 80%>%%
</WRAP>

<WRAP round danger box 80%>
%%<WRAP round danger box 80%>%%
</WRAP>

<WRAP round warning box 80%>
%%<WRAP round warning box 80%>%%
</WRAP>

<WRAP round caution box 80%>
%%<WRAP round caution box 80%>%%
</WRAP>

<WRAP round notice box 80%>
%%<WRAP round notice box 80%>%%
</WRAP>

<WRAP round safety box 80%>
%%<WRAP round safety box 80%>%%
</WRAP>

<WRAP prewrap 80%>
%%<WRAP prewrap 80%>%% is not technically a box, but it acts like one.
</WRAP>

</WRAP>
<WRAP half column>

<WRAP round info box 80%>
%%<WRAP round info box 80%>%%
</WRAP>

<WRAP round help box 80%>
%%<WRAP round help box 80%>%%
</WRAP>

<WRAP round important box 80%>
%%<WRAP round important box 80%>%%
</WRAP>

<WRAP round alert box 80%>
%%<WRAP round alert box 80%>%%
</WRAP>

<WRAP round tip box 80%>
%%<WRAP round tip box 80%>%%
</WRAP>

<WRAP round todo box 80%>
%%<WRAP round todo box 80%>%%
</WRAP>

<WRAP round download box 80%>
%%<WRAP round download box 80%>%%
</WRAP>

</WRAP>


Also note that the width can be set as: ''%, px, em, rem, ex, ch, vw, vh, pt, pc, cm, mm, in''
===== Misc =====
For embedded text, use ''wrap'' in lower case:

  * <wrap tip>%%<wrap tip>%%</wrap>
  * <wrap tip></wrap>
  * <wrap mark hi>%%<wrap mark hi>%%</wrap>
  * <wrap mark lo>%%<wrap mark lo>%%</wrap>
  * <wrap mark em>%%<wrap mark em>%%</wrap>
  * <wrap spoiler>%%<wrap spoiler>%%</wrap>
  * <wrap indent>%%<wrap indent>%%</wrap>
  * <wrap outdent>%%<wrap outdent>%%</wrap>
  * <wrap button>%%<wrap button>[[link]]%%[[wrap]]</wrap>


===== Test =====

<WRAP box 40%>
==== test ====

%%<WRAP box 80%>%%
</WRAP>

<WRAP 40%>
==== A Heading ====

So here's a sample wrap containing what I hope to eventually be a nicely formatted, visually appealing bit of content. 
</WRAP>