KandZ – Tuts

We like to help…!

CSS 8 💻 text-align, letter-spacing, word-spacing and text-transform

text-align → specifies how the text will be aligned within its parent element
it can take start, end, left, right, center, justify, match-parent
it sets the alignment to left
it sets the alignment to center
it sets the alignment to right
letter-spacing → sets the space between the letters in a word
it can take normal keyword and length values like em, px etc
it sets the space to normal
it sets the space to 2px

word-spacing → sets the space between words
it can take the keyword normal, and length values like px, em etc;
example 1 with normal value
example 2 with 2px value
text-transform → changes the appearance of the text by capitalizing or the opposite
it can take capitalize, uppercase, lowercase and none keywords
example 1 with uppercase value
example 2 with capitalize value

Leave a Reply