{"id":454,"date":"2022-05-24T20:56:11","date_gmt":"2022-05-24T20:56:11","guid":{"rendered":"https:\/\/gyanipandit.com\/programming\/?p=454"},"modified":"2022-05-24T20:56:13","modified_gmt":"2022-05-24T20:56:13","slug":"css-text-indent","status":"publish","type":"post","link":"https:\/\/gyanipandit.com\/programming\/css-text-indent\/","title":{"rendered":"CSS Text Indent"},"content":{"rendered":"<p>Using CSS Text Indent property, we can specify the indentation, or the empty space, to be put before the line of text. Often we are required to have some indent at the start of the text, and we can set that using the text-indent property.<\/p>\n<p>We can specify the indent we want to have.<\/p>\n<p>You can refer to the below code to understand the indentation to the text.<\/p>\n<p>Output &#8211;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-455 size-full\" src=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-indent.jpg\" alt=\"\" width=\"827\" height=\"394\" srcset=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-indent.jpg 827w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-indent-300x143.jpg 300w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-indent-768x366.jpg 768w\" sizes=\"auto, (max-width: 827px) 100vw, 827px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-456 size-full\" src=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-indent-1.jpg\" alt=\"\" width=\"1023\" height=\"204\" srcset=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-indent-1.jpg 1023w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-indent-1-300x60.jpg 300w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/04\/text-indent-1-768x153.jpg 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/p>\n<p>As you can see, there is an indent after the first line starts. If you require to do this, you can do it using the text-indent property. We are just adding some new space, or indent before the first line starts. So, you can use this thing, as and when required by you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using CSS Text Indent property, we can specify the indentation, or the empty space, to be put before the line of text. Often we are required to have some indent at the start of the text, and we can set that using the text-indent property. We can specify the indent we want to have. You [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[9,13],"class_list":{"0":"post-454","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-css-tutorial","7":"tag-css","8":"tag-css-tutorial"},"_links":{"self":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/comments?post=454"}],"version-history":[{"count":3,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/454\/revisions"}],"predecessor-version":[{"id":1431,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/454\/revisions\/1431"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/categories?post=454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/tags?post=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}