Template:Block left/sandbox
{{{1}}}
 | This is the template sandbox page for Template:Block left (diff). See also the companion subpage for test cases. |
 | This template uses block elements, e.g. This template applies the class .wst-block-left, which can be targeted with a work's index styles.css using page styles. See H:DIVSPAN for details. |
 | This template uses TemplateStyles: |
Usage
[edit]This template places a block of text in the left of the page, without affecting the text alignment within that block.
- Comparison of {{Block left}} and {{left}}
This template retains the current text alignment (usually left), but moves the entire block of text into the left. To change to left text alignment, use {{left}} instead.
- Block left
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
- left
Aenean commodo ligula eget dolor.
Aenean massa.Parameter
[edit]All parameters are optional.
- class set block additional classes
- width set the width of the block
- offset set the distance ("indent") from the left margin
- gutter set the gap between the normal content and the block
- align set the internal alignment of the block
- style add other kinds of style
- body or 1 content of the block
Width
[edit]Where there is a requirement to fix the width of the block, an optional width parameter can be used. When the content is text, prefer text-relative units like em to absolute units like px.[1]
Example
{{block left|width=25em|Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br/>
Aenean commodo ligula eget dolor.
Aenean massa.}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
Align
[edit]To align the content of the left-aligned block within the block, an optional align parameter may be used:
Example
{{block left|align=center|Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br/>
Aenean commodo ligula eget dolor.
Aenean massa.}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor.
Aenean massa.
See also
[edit]- {{block right}}
- {{left}} and {{right}}
- {{float left}} and {{float right}}