text formatting in css in web development

Last modified on May 26th, 2018 at 2:06 pm

How can we format text in CSS?

We can format text by applying different properties on the text.

Example 1:

<html><head>
<style>h1 {
color: green;
}
</style>
</head>
<body><h1>This is heading 1</h1></body></html>

Output:

This is heading 1

Example 2:

<html><head>
<style>h1 {
color: green;text-align: center;
}
</style>
</head>
<body><h1>This is heading 1</h1></body></html>

Output:

Explanation:

Properties of text-align:

center –Text moves to the center
left – Text moves to the left
right – Text moves to the right
inherit – Inherit value from its parent element
justify – Text is decorated in a consistent way and moves to the left and right corners.

Enlist some of the properties of text CSS?

Property	Description
color	Set the color to the text
line-height	Sets the height for text line
direction	Sets the text direction
letter-spacing	Sets the spacing between alphabets of the words
word-spacing	Sets the spacing between all words