Text-align

The text-align: justify; value stretches the lines so that each line has equal width (like in newspapers and magazines).

.div2 { border: 1px solid black; padding: 10px; width: 400px; height: 200px; text-align: justify; background: orange; }
Lorem ipsum nesciunt, inventore blanditiis a velit nihil vel est illum, duis quis dolor sed sequi sint rerum pariatur? Autem id, in quia voluptas amet, aliquam et nostrum odit voluptates esse possimus, excepteur vitae voluptates qui molestiae consequatur, aut asperiores voluptates in velit consectetur nihil cillum tempor sunt vel totam minim possimus, ea qui laborum. Anim laudantium, explicabo. Dolorem laboriosam, eos, id irure ipsum in labore velit, hic cupiditate repellendus. Error voluptatibu
Color
Set the color of text with the following:
color: value;
Possible values are color name:(red) hexadecimal number:(#ff0000) RGB color code:(rgb(255, 0, 0))
Letter-spacing
letter-spacing : value; Set value to normal or length. Here its set to
letter-spacing
: 5px;
Letterspacing 5px
Text Align
text-align: value; left right center justify The text-align: justify; value stretches the lines so that each line has equal width.
Text Decoration
text-decoration: value; none underline overline line through
Text Indent
Indent the first line of text in an (X)HTML element: text-indent: value; length percentage
Text Transform
Control the size of letters in an (X)HTML element: text-transform: value; none capitalize lowercase uppercase

This is capitalized text

White Space
You can control the whitespace in an (X)HTML element: white-space: value; normal pre nowrap
Word Spacing
Adjust the space between words in the following manner. You can use negative values. word-spacing: value; normal lengt
Text-shadow
text-shadow: 1px 1px 1px grey, 2px 2px 3px blue;
text-shadow: -1px -2px 16px rgba(231, 139, 31, 1);
The first two values specify the length of the shadow offset. The first value specifies the horizontal distance and the second specifies the vertical distance of the shadow. The third value specifies the blur radius and the last value describes the color of the shadow. x y blur color The third value, the blur radius, is optional.
CSS Text Properties
color: value; letter-spacing: value; text-align: value; text-decoration: value; text-indent: value; text-transform: value; white-space: value; word-spacing: value;
CSS Font Properties
font: italic bold normal small/1.4em Verdana, sans-serif; font-family: Verdana, sans-serif; font-size: value; ont-style: value; font-variant: value; font-weight: value; The font property can set the style, weight, variant, size, line height and font:
Font-Family
You can set what font will be displayed in an element with the font-family property. There are 2 choices for values: family-name generic family
Font Size
You can set the size of the text used in an element by using the font-size property. font-size: value; There are a lot of choices for values: xx-large x-large larger large medium small smaller x-small xx-small length % (percent)
Font Variant
You can set the variant of text within an element with the font-variant propert font-variant: value; normal small-caps
Font Weight
You can control the weight of text in an element with the font-weight property. font-weight: value; lighter normal 100 200 300 400 500 600 700 800 900 bold bolder
The text-align: justify; value stretches the
lines so that each line has equal width.

In posuere consequat tincidunt. Cras ac pretium sem. Ut interdum, neque a fermentum volutpat, leo erat ultrices libero, et facilisis urna tortor suscipit urna. Duis a cursus nunc. Cras ac pretium sem. Ut interdum, neque a fermentum volutpat, leo erat ultrices libero, et facilisis urna tortor suscipit urna.

Line Height


p.small {
line-height: 0.7;
}

p.big {
line-height: 1.8;
}

This is a text with a smaller line-height.
This is a text with a smaller line-height.

This is a text with a bigger line-height.
This is a text with a bigger line-height.