| 
									
										
										
										
											2018-10-04 14:47:55 +01:00
										 |  |  | --- | 
					
						
							|  |  |  | title: Text Indent | 
					
						
							|  |  |  | --- | 
					
						
							|  |  |  | ## Text Indent
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-12 04:30:38 +05:30
										 |  |  | This CSS property creates an indentation of the first line in a text block. | 
					
						
							| 
									
										
										
										
											2018-10-04 14:47:55 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  | ### Values:
 | 
					
						
							|  |  |  | The `text-indent` property can be specified using `%`, `px`, `em` or measurement units such as `cm` and `in`. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | For example: | 
					
						
							|  |  |  | - `text-indent: 20%;` | 
					
						
							|  |  |  | - `text-indent: 15px;` | 
					
						
							|  |  |  | - `text-indent: 5em;` | 
					
						
							|  |  |  | - `text-indent: 2in;` | 
					
						
							| 
									
										
										
										
											2018-10-15 23:51:16 -05:00
										 |  |  | - 'text-indent: 35cm;' | 
					
						
							| 
									
										
										
										
											2018-10-04 14:47:55 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  | The `text-indent` property can also inherit from its parent element using `inherit` value. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | For example: | 
					
						
							|  |  |  | - `text-indent: inherit;` | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-15 23:51:16 -05:00
										 |  |  | The 'text-indent' property can be reset to it's initial CSS property default value. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | For example:  | 
					
						
							|  |  |  | - 'text-indent: initial;' | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-04 14:47:55 +01:00
										 |  |  | #### More Information:
 | 
					
						
							|  |  |  | - <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent' target='_blank' rel='nofollow'>MDN Web Docs - CSS text-indent</a> |