Bolt Text Align
Utility Description
Add the utility class .u-bolt-text-align-xx
where xx equals the alignment you wish to apply.
Possible values include:
.u-bolt-text-align-start
.u-bolt-text-align-center
.u-bolt-text-align-end
.u-bolt-text-align-justify
Note the following values are deprecated and will be removed in a future release:
.u-bolt-text-align-left
.u-bolt-text-align-right
Demo
.u-bolt-text-align-start
Diam a ad vel fermentum maecenas ipsum
Convallis habitasse mattis natoque himenaeos conubia tincidunt.
Vitae turpis morbi tristique diam tincidunt conubia nostra quisque tortor massa, congue vivamus etiam lacinia cum adipiscing lectus nec eros, euismod neque felis faucibus aptent dolor malesuada iaculis penatibus. Lacus aptent integer consectetur sem ridiculus proin malesuada sociis.
.u-bolt-text-align-center
Diam a ad vel fermentum maecenas ipsum
Convallis habitasse mattis natoque himenaeos conubia tincidunt.
Vitae turpis morbi tristique diam tincidunt conubia nostra quisque tortor massa, congue vivamus etiam lacinia cum adipiscing lectus nec eros, euismod neque felis faucibus aptent dolor malesuada iaculis penatibus. Lacus aptent integer consectetur sem ridiculus proin malesuada sociis.
.u-bolt-text-align-end
Diam a ad vel fermentum maecenas ipsum
Convallis habitasse mattis natoque himenaeos conubia tincidunt.
Vitae turpis morbi tristique diam tincidunt conubia nostra quisque tortor massa, congue vivamus etiam lacinia cum adipiscing lectus nec eros, euismod neque felis faucibus aptent dolor malesuada iaculis penatibus. Lacus aptent integer consectetur sem ridiculus proin malesuada sociis.
.u-bolt-text-align-justify
Diam a ad vel fermentum maecenas ipsum
Convallis habitasse mattis natoque himenaeos conubia tincidunt.
Vitae turpis morbi tristique diam tincidunt conubia nostra quisque tortor massa, congue vivamus etiam lacinia cum adipiscing lectus nec eros, euismod neque felis faucibus aptent dolor malesuada iaculis penatibus. Lacus aptent integer consectetur sem ridiculus proin malesuada sociis.