text-indent: 25%;(percentage) : text indent « CSS « HTML / CSS






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

text-indent: 25%;(percentage)

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
            p {
                text-indent: 25%;
                width: 200px;
            }
        </style>
    </head>
<body>
    <p>
        "There are two ways of constructing a software design; one way is to make it so 
        simple that there are obviously no deficiencies, and the other way is to make
        it so complicated that there are no obvious deficiencies. The first method is
        far more difficult." - C. A. R. Hoare
    </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:3em;
    11.text-indent: -15px;
    12.text-indent: -25px;(negative value)
    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