W3.CSS Text
W3.CSS Text alignment
The following classes are available in W3.CSS to style the text:
w3-left-align : The w3-left-align class is used to left align the text.
w3-right-align : The w3-right-align class is used to right align the text.
w3-center : The w3-center class is used to center align the HTML element.
w3-wide : The w3-wide class is used to add extra space between the letters that makes wider look of the text.
w3-opacity : The w3-opacity class is used to give transparency effect to HTML elements.
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<div class="w3-container w3-xlarge">
<p class="w3-left-align"> I am left aligned paragraph. </p>
<p class="w3-right-align"> I am right aligned paragraph. </p>
<p class="w3-center"> I am centrally aligned paragraph. </p>
<p class="w3-wide"> I have wider look text. </p>
<p class="w3-opacity w3-green"> I have tranparency look on text.</p>
<p class="w3-opacity w3-aqua"> I have tranparency look on text.</p>
<p class="w3-opacity w3-khaki"> I have tranparency look on text.</p>
</div>
</body>
</html>