Align
Conjunto de alineaciones horizontales y verticales, para alinear fácilmente texto o elementos.
-- Horizontal
| Clase | Propiedad |
|---|---|
| .text-start | text-align: start; |
| .text-end | text-align: end; |
| .text-center | text-align: center; |
| .text-justify | text-align: justify; |
| .left | left: 0; |
| .right | right: 0; |
HTML
...
-- Horizontal en puntos de corte
| Clase | Punto de corte |
|---|---|
|
.pho-text-start .pho-text-end .pho-text-center .pho-text-justify |
@media screen (max-width: 550px). |
|
.pha-text-start .pha-text-end .pha-text-center .pha-text-justify |
@media screen (max-width: 770px). |
|
.tab-text-start .tab-text-end .tab-text-center .tab-text-justify |
@media screen (max-width: 990px). |
Para poder hacer uso de la alineación en un punto de corte, esta, debe de ir junto a una alineación normal.
HTML
...
| Clase | Propiedad |
|---|---|
| align-top | vertical-align: top; |
| align-middle | vertical-align: middle; |
| align-baseline | vertical-align: baseline; |
| align-bottom | vertical-align: bottom; |
| top | top: 0; |
| bottom | bottom: 0; |
HTML
...