|
|
@@ -1,21 +1,23 @@
|
|
|
<div id="snippet-indent">
|
|
|
- <p>
|
|
|
- This paragraph has no indentation.<br>
|
|
|
- Cookie chupa chups marshmallow jelly beans. Bear claw chocolate bar chupa chups oat cake caramels chupa chups oat cake marzipan. Candy chupa chups chocolate. Cake soufflé candy canes fruitcake jelly-o oat cake. Macaroon tootsie roll candy marzipan sesame snaps cupcake wafer gingerbread. Oat cake cake cake sesame snaps pastry halvah.
|
|
|
- </p>
|
|
|
+ <h2>Changing block indentation</h2>
|
|
|
|
|
|
- <p style="margin-left:100px;">
|
|
|
- This paragraph has indentation of 100px (second indentation step).<br>
|
|
|
- Cookie chupa chups marshmallow jelly beans. Bear claw chocolate bar chupa chups oat cake caramels chupa chups oat cake marzipan. Candy chupa chups chocolate. Cake soufflé candy canes fruitcake jelly-o oat cake. Macaroon tootsie roll candy marzipan sesame snaps cupcake wafer gingerbread. Oat cake cake cake sesame snaps pastry halvah.
|
|
|
- </p>
|
|
|
+ <p style="margin-left:40px;">Use the toolbar buttons to control the indentation of specific parts of the text. You can
|
|
|
+ use these tools to highlight an important piece of information, communicate a hierarchy or just give your content
|
|
|
+ some room. </p>
|
|
|
+ <p style="margin-left:80px;">For instance, this paragraph looks like it belongs to the previous one.</p>
|
|
|
|
|
|
- <p style="margin-left:75px;">
|
|
|
- This paragraph has indentation of 75px (between indentation step 1 and 2).<br>
|
|
|
- Cookie chupa chups marshmallow jelly beans. Bear claw chocolate bar chupa chups oat cake caramels chupa chups oat cake marzipan. Candy chupa chups chocolate. Cake soufflé candy canes fruitcake jelly-o oat cake. Macaroon tootsie roll candy marzipan sesame snaps cupcake wafer gingerbread. Oat cake cake cake sesame snaps pastry halvah.
|
|
|
- </p>
|
|
|
+ <h3>Indenting list items</h3>
|
|
|
|
|
|
- <p style="margin-left:50px;">
|
|
|
- This paragraph has indentation of 50px (second indentation step).<br>
|
|
|
- Cookie chupa chups marshmallow jelly beans. Bear claw chocolate bar chupa chups oat cake caramels chupa chups oat cake marzipan. Candy chupa chups chocolate. Cake soufflé candy canes fruitcake jelly-o oat cake. Macaroon tootsie roll candy marzipan sesame snaps cupcake wafer gingerbread. Oat cake cake cake sesame snaps pastry halvah.
|
|
|
- </p>
|
|
|
+ <p>Block indentation buttons work with lists too! Check out the following list and play with different indentation levels:</p>
|
|
|
+
|
|
|
+ <ul>
|
|
|
+ <li>This is the shallowest list item. <ul>
|
|
|
+ <li>And this one is nested.</li>
|
|
|
+ <li>This one is nested too.<ul>
|
|
|
+ <li>And this one goes even deeper.</li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|