| 1234567891011121314151617181920212223242526272829 |
- <style>
- .custom-block-indent-a {
- margin-left: 10%;
- }
- .custom-block-indent-b {
- margin-left: 20%;
- }
- .custom-block-indent-c {
- margin-left: 30%;
- }
- </style>
- <div id="snippet-indent-block-classes">
- <h2>Block indentation using CSS classes</h2>
- <p>This is a normal paragraph with no indentation applied.</p>
- <h3 class="custom-block-indent-a">This heading has the <code>.custom-block-indent-a</code> class</h3>
- <p class="custom-block-indent-a">This paragraph shares the same class and that puts it at the same level.</p>
- <h4 class="custom-block-indent-b">But this one has the <code>.custom-block-indent-b</code> class</h4>
- <p class="custom-block-indent-b">This paragraph shares the same indentation class.</p>
- <p class="custom-block-indent-c">This paragraph has the <code>.custom-block-indent-c</code> class. This is the maximum indentation level allowed in the configuration.</p>
- </div>
|