CSS text-underline-position property

Description

CSS text-underline-position property specifies the position of underline.

text-underline-position : auto | underline

autoDefault: length value applies indentation as an absolute value. The following demo adds 0px indentation.; text-underline-position: auto;
Try it
under: 10px value moves the first line of inline content to the right side by 10px absolute value.; text-underline-position: under;
Try it

It applies to all elements

Code

CSS

.element{
 width:100px;
 height:100px;
 background-color:lightblue;
 border:1px solid gray;
 text-decoration: underline solid blue;
}

HTML

<div class="element">
		We are learning text-underline-position property.
	</div>