04. Text & Typography – brown-salmon-372873.hostingersite.com

Text & Typography

CSS Text Formatting CSS has a lot of properties for styling and formatting text.

<!DOCTYPE html>
<html>
<head>
<style>
div {
  border: 1px solid gray;
  padding: 8px;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  color: #4CAF50;
}

p {
  text-indent: 50px;
  text-align: justify;
  letter-spacing: 3px;
}

a {
  text-decoration: none;
  color: #008CBA;
}
</style>
</head>
<body>

<div>
  <h1>text formatting</h1>
  <p>This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties.
  The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from this colored
  <a target="_blank" href="tryit.asp?filename=trycss_text">"Try it Yourself"</a> link.</p>
</div>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<style>

div {

border: 1px solid gray;

padding: 8px;

}

h1 {

text-align: center;

text-transform: uppercase;

color: #4CAF50;

}

p {

text-indent: 50px;

text-align: justify;

letter-spacing: 3px;

}

a {

text-decoration: none;

color: #008CBA;

}

</style>

</head>

<body>

<div>

<h1>text formatting</h1>

<p>This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties.

The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from this colored

<a target="_blank" href="tryit.asp?filename=trycss_text">"Try it Yourself"</a> link.</p>

</div>

</body>

</html>

CSS Text Color The color property is used to set the color of the text. The color is specified by: a color name – like “red” a HEX value – like “#ff0000” an RGB value – like “rgb(255,0,0)” Look at CSS Color Values for […]

Category: 04. Text & Typography

Text & Typography