CSS Text Style - Text Font Size - Text Align

CSS text properties allow to establish several CSS text styles such as: text size font, alignment, color, spacing, decoration etc. easily an effectively.

CSS Text Font Size

The text font size property is used to set how big or small will be the text of your page. CSS text font size is specified by:
font-size - like "12px or 16px or 36px how you like"
font-size - like "small, medium or large - like"
font-size - like "x-large or xx-large"

Example 1:

div-box1
{
font-size: 18px;
width: 450px;
height: 210px;
border: 1px solid #73AD21;
background-color: red;
}

Check this example >>

CSS Text Style

The text style property is used to set font-style: as normal, italic or oblique the text of your page. CSS text style is specified by:
font-style - like "normal"
font-style - like "italic"
font-style - like "oblique"

Example2:

div-box2
{
font-style: italic;
font-size: 18px;
height: 450px;
max-height: 250px;
border: 1px solid #73AD21;
background-color: red;
}

Check this example >>

CSS Tsxt Align

The text-align property is used to set the horizontal alignment of a text as left, right, centered or justified.

Example3:

div-box3 {
width: 50%;
height: auto;
}
h1 {
text-align: center;
}
p {
text-align: left;
}

Check this example >>

For text-align: justify, each line is stretched - every line has equal width.

CSS Text Style, Text Font Size and Text Align
CSS Text Style - Text Font Size - Text Align - css tutorial

Online Editor

ONLINE EDITOR

news templates

COLOR PICKER

news templates

This tool makes it easy to create, adjust, and experiment with custom colors for the web.

HTML Templates

Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.

CSS HTML Layout

Find here examples of creative and unique website layouts.

Free CSS HTML Menu

Find here examples of creative and unique website CSS HTML menu.