text-indent: -5% : text indent « CSS « HTML / CSS






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

text-indent: -5%

   


<html>
<head>
<title>Percentages Demo</title>
<style type="text/css">
p {text-indent: -5%;
           margin-left: 25%;
           margin-right: 15%;
           font-size: 150%;

</style>
</head>
<body>
<p>This paragraph's font and margins have been set with percentages.
The indent was set with a negative percentage.</p>
</body>
</html>








Related examples in the same category

1.'text-indent' Example
2.text-indent: 25%
3.text-indent: -25px (positive value)
4.text-indent: 25px;
5.
  • text indent: -0.75em
    • 6.text-indent: 3em
    7.text-indent: 10%;
    8.text-indent: -25px;
    9.text-indent:3em;
    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