CSS Property Value How to - text-indent: 100px;

Question

We would like to know how to text-indent: 100px;.

Answer


<!DOCTYPE html>
<html lang="en">
<head>
<title>Example of CSS text indentation</title>
<style type="text/css">
p {<!--from   w  ww  . j a v  a2s  .  c  o m-->
  text-indent: 100px;
}
</style>
</head>
<body>
  <h1>Text-indentation Effect</h1>
  <p>
    The first line of this paragraph is indent by 100px. Play with the
    value of
    <code>text-indent</code>
    property to see how it works. Negative values are allowed.
  </p>
</body>
</html>

The code above is rendered as follows: