Indent the first line of a paragraph in CSS

Javascript Web Development Front End Scripts

Use the text-indent property to indent the first line of a paragraph. Possible values are % or a number specifying indent space.

Example

You can try to run the following code to indent the first line:

<html>
   <head>
   </head>
   <body>
      <p style = "text-indent:2cm;">
         This text will have first line indented by 2cm and this line will remain at
         its actual position this is done by CSS text-indent property.
      </p>
   </body>
</html>

Lakshmi Srinivas

Published on 13-Apr-2018 12:25:56

Related Questions & Answers
Indent the text of a paragraph with CSS
Align the text of a paragraph with CSS
Indent Text with CSS text-indent Property
The ::first-line Pseudo-element in CSS
Usage of CSS :first-line pseudo-element
Usage of text-indent property in CSS
Creating Attractive First Lines with CSS ::first-line
Animate CSS text-indent property
In a Multiple-line query, what is the significance of the change of MySQL prompt after the first line?
Increase the font size of a paragraph with Bootstrap
Set the height of a line of text with CSS
Which element is used to add special styles to the first line of the text in a selector with CSS
How to read only the first line of a file with Python?
Align the last line of the text with CSS
Create a draggable paragraph in HTML5

Previous Page Print Page