<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Text Properties</title>
<style>
/* [Link] */
/* Applying various text properties to the paragraph */
.styled-text {
color: blue; /* Sets the text color */
font-size: 20px; /* Defines the size of the font */
font-family: Arial, sans-serif; /* Specifies the font family */
font-weight: bold; /* Controls the thickness of text */
font-style: italic; /* Defines if text is italic */
text-align: center; /* Aligns text to the center */
text-decoration: underline; /* Adds an underline to text */
text-transform: uppercase; /* Converts text to uppercase */
letter-spacing: 2px; /* Adjusts space between letters */
word-spacing: 5px; /* Adjusts space between words */
line-height: 1.5; /* Defines height between lines */
direction: ltr; /* Sets text direction to left-to-right */
text-shadow: 2px 2px 5px gray; /* Adds shadow to text */
white-space: nowrap; /* Prevents text from wrapping */
}
</style>
</head>
<body>
<h1>CSS Text Properties Demonstration</h1>
<p class="styled-text">This is a sample paragraph showcasing various text
properties in CSS.</p>
</body>
</html>
