Usage
editThe line-height is also reduced so that the text wraps as less-tall lines, as in the following example of text with breaks in the lines:
{{midsizediv| This example shows multiple lines of middle-sized text as being wrapped onto multiple lines, closer together.}} →
middle-sized text as being wrapped
onto multiple lines, closer together.{{midsizediv|height=0.9|This 2nd example shows multiple lines of middle-sized text being wrapped onto multiple lines, even closer together.}} →
middle-sized text being wrapped
onto multiple lines, even closer together.Because many users are unaware of the style directives for changing both the font-size and the line-height attributes, then Template:Midsizediv provides an easy way to consistently reduce block-content text as being middle-sized, but larger than small-font text, while also allowing "height=1.1" or "size=n" for other sizes.
See also
editCode for inline content | Code for block content | Size | Result |
---|---|---|---|
{{small|text}} {{smaller|text}} |
{{smalldiv|text}} |
85% | text |
{{resize|text}} |
{{resizediv|text}} |
90% | text |
{{midsize|text}} |
92% | text | |
none | none | 100% | text |
{{large|text}} {{larger|text}} {{big|text}} |
{{largediv|text}} |
120% | text |
{{huge|text}} |
180% | text | |
{{resize|x%|text}} |
{{resizediv|x%|text}} |
custom | varies |
{{font|size=x%}} |
custom | varies |
{{small}}
or {{smaller}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{resize}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{midsize}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Default: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{large}}
or {{larger}}
or {{big}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{huge}}
: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.