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>

Programs

CCC Online Test 2021 CCC Practice Test Hindi Python Programming Tutorials Best Computer Training Institute in Prayagraj (Allahabad) Best Java Training Institute in Prayagraj (Allahabad) Best Python Training Institute in Prayagraj (Allahabad) O Level NIELIT Study material and Quiz Bank SSC Railway TET UPTET Question Bank career counselling in allahabad Sarkari Naukari Notification Best Website and Software Company in Allahabad Website development Company in Allahabad Sarkari Exam Quiz