YouTip` element has a bottom margin (margin-bottom) of 1.25rem and a line-height of 1.6. * * * ## Text For the following HTML elements, Foundation applies distinct styles for rendering and does not use the browser's default styles. Click "Try it" to view online examples. | Element | Description | Online Example | | --- | --- | --- | |
- | h1 - h6 headings | (#) |
| | Light blue link, underlined on hover | (#) |
| | Light gray subtitle text | (#) |
| | Quotation block | (#) |
| | Bold text | (#) |
| | Italic text | (#) |
| | Abbreviation for a specified word; text using this element has a dotted underline, and a tooltip appears on hover | (#) |
| | Receives keyboard input instructions: CTRL + P | (#) |
|
| Horizontal line | (#) |
| | Code snippet | (#) |
| | Unordered list | (#) |
| | Ordered list | (#) |
| | Description list | (#) |
* * *
## Text Alignment
Use CSS classes to modify the alignment of text:
| Class | Description | Example |
| --- | --- | --- |
| .text-left | Left-aligned text | (#) |
| .text-right | Right-aligned text | (#) |
| .text-center | Center-aligned text | (#) |
| .text-justify | Justified text | (#) |
* * *
## Alignment for Different Screen Sizes
Use CSS classes to modify text alignment for different screen sizes:
| Class | Description | Example |
| --- | --- | --- |
| **Left Alignment** | | |
| .small-text-left | Left-aligned on all screen sizes | (#) |
| .small-only-text-left | Left-aligned on small screens (width less than 40em) | (#) |
| .medium-text-left | Left-aligned on screens wider than 40.0625em | (#) |
| .medium-only-text-left | Left-aligned on screens with width between 40.0625em and 64em | (#) |
| .large-text-left | Left-aligned on screens wider than 64.0625em | (#) |
| .large-only-text-left | Left-aligned on screens with width between 64.0625em and 90em | (#) |
| .xlarge-text-left | Left-aligned on screens wider than 90.0625em | (#) |
| .xlarge-only-text-left | Left-aligned on screens with width between 90.0625em and 120em | (#) |
| .xxlarge-text-left | Left-aligned on screens wider than 120em | (#) |
| | | |
| **Right Alignment** | | |
| .small-text-right | Right-aligned on all screen sizes | (#) |
| .small-only-text-right | Right-aligned on small screens (width less than 40em) | (#) |
| .medium-text-right | Right-aligned on screens wider than 40.0625em | (#) |
| .medium-only-text-right | Right-aligned on screens with width between 40.0625em and 64em | (#) |
| .large-text-right | Right-aligned on screens wider than 64.0625em | (#) |
| .large-only-text-right | Right-aligned on screens with width between 64.0625em and 90em | (#) |
| .xlarge-text-right | Right-aligned on screens wider than 90.0625em | (#) |
| .xlarge-only-text-right | Right-aligned on screens with width between 90.0625em and 120em | (#) |
| .xxlarge-text-right | Right-aligned on screens wider than 120em | (#) |
| | | |
| **Center Alignment** | | |
| .small-text-center | Center-aligned on all screen sizes | (#) |
| .small-only-text-center | Center-aligned on small screens (width less than 40em) | (#) |
| .medium-text-center | Center-aligned on screens wider than 40.0625em | (#) |
| .medium-only-text-center | Center-aligned on screens with width between 40.0625em and 64em | (#) |
| .large-text-center | Center-aligned on screens wider than 64.0625em | (
| Quotation block | (#) | | | Bold text | (#) | | | Italic text | (#) | | | Abbreviation for a specified word; text using this element has a dotted underline, and a tooltip appears on hover | (#) | | | Receives keyboard input instructions: CTRL + P | (#) | |
| Horizontal line | (#) | || Code snippet | (#) | || Unordered list | (#) | |
| Ordered list | (#) | |
| Description list | (#) | * * * ## Text Alignment Use CSS classes to modify the alignment of text: | Class | Description | Example | | --- | --- | --- | | .text-left | Left-aligned text | (#) | | .text-right | Right-aligned text | (#) | | .text-center | Center-aligned text | (#) | | .text-justify | Justified text | (#) | * * * ## Alignment for Different Screen Sizes Use CSS classes to modify text alignment for different screen sizes: | Class | Description | Example | | --- | --- | --- | | **Left Alignment** | | | | .small-text-left | Left-aligned on all screen sizes | (#) | | .small-only-text-left | Left-aligned on small screens (width less than 40em) | (#) | | .medium-text-left | Left-aligned on screens wider than 40.0625em | (#) | | .medium-only-text-left | Left-aligned on screens with width between 40.0625em and 64em | (#) | | .large-text-left | Left-aligned on screens wider than 64.0625em | (#) | | .large-only-text-left | Left-aligned on screens with width between 64.0625em and 90em | (#) | | .xlarge-text-left | Left-aligned on screens wider than 90.0625em | (#) | | .xlarge-only-text-left | Left-aligned on screens with width between 90.0625em and 120em | (#) | | .xxlarge-text-left | Left-aligned on screens wider than 120em | (#) | | | | | | **Right Alignment** | | | | .small-text-right | Right-aligned on all screen sizes | (#) | | .small-only-text-right | Right-aligned on small screens (width less than 40em) | (#) | | .medium-text-right | Right-aligned on screens wider than 40.0625em | (#) | | .medium-only-text-right | Right-aligned on screens with width between 40.0625em and 64em | (#) | | .large-text-right | Right-aligned on screens wider than 64.0625em | (#) | | .large-only-text-right | Right-aligned on screens with width between 64.0625em and 90em | (#) | | .xlarge-text-right | Right-aligned on screens wider than 90.0625em | (#) | | .xlarge-only-text-right | Right-aligned on screens with width between 90.0625em and 120em | (#) | | .xxlarge-text-right | Right-aligned on screens wider than 120em | (#) | | | | | | **Center Alignment** | | | | .small-text-center | Center-aligned on all screen sizes | (#) | | .small-only-text-center | Center-aligned on small screens (width less than 40em) | (#) | | .medium-text-center | Center-aligned on screens wider than 40.0625em | (#) | | .medium-only-text-center | Center-aligned on screens with width between 40.0625em and 64em | (#) | | .large-text-center | Center-aligned on screens wider than 64.0625em | (