CSS Word-Spacing Property

In this chapter you will learn:
About word-spacing property
Values of this property
Example of this property

CSS word-spacing property is used to specify space between words of element. If you want to display words of element with some space/distance then you can use this property.

Values of this property
Values Description
normal Specify normal space between words.
length Specify spece between words in px, cm, em etc.
initial Specify the default value
initial Inherits from parent element

Example of this property

<html>
<head>
   <title>Example of word-spacing property</title>
    <style type="text/css">
        #a
        {
        word-spacing:10px;   
        }
        #b
        {
            word-spacing:40px;
        }             
                       
           
    </style>
    </head>
<body>
<p id="a">Example of word-spacing property</p>
<p id="b">Example of word-spacing property</p>
</body>
</html>
Guide:-

In the given program there is two paragraph in which one has id "a" and second has "b" so the output of both is different.


Output:-
example of word-spacing property
SUMMARY

In this chapter, you have learned about the word-spacing property of CSS. Now you can set space between word according to your requirement. Click on Next button to continue learning.

 

Share your thought