text-indent:3em; : text indent « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. text indent

text-indent:3em;

   
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>

p {width:400px;}

p.indent {text-indent:3em;}
</style>


</head>

<body>
<p>This paragraph should be aligned with the left-hand side of the browser. </p>
<p class="indent">The first line of this paragraph should be indented by 3em, although the rest of the paragraph will start in the normal position as you can see when the line wraps around.</p>
</body>
</html>








Related examples in the same category

1.'text-indent' Example
2.text-indent: 25%
3.text-indent: -5%
4.text-indent: -25px (positive value)
5.text-indent: 25px;
6.
  • text indent: -0.75em
    • 7.text-indent: 3em
    8.text-indent: 10%;
    9.text-indent: -25px;
    10.text-indent: -15px;
    11.text-indent: -25px;(negative value)
    12.text-indent: 25%;(percentage)
    13.text-indent: 20px;
    14.paragraph indent
    15.Paragraphs separated by indenting
    16.Set text indent to 37%
    17.Set text indent to 35px
    18.Set text-indent to 2.5em
    19.Negative text indent value: -60px
    20.uses a negative value for text-indent and a positive value for padding-left.
    21.Set text indent to -5em