text-indent: -15px; : text indent « CSS « HTML / CSS






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

text-indent: -15px;

   
<!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' xml:lang='en'>
    <head>
        <title>text-indent</title>
<style type='text/css'>
p {
    color: saddlebrown;
    background: lightyellow;
    border: 1px solid khaki;
    padding: 25px;
    text-indent: -15px;
}
</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: -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