Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính text-underline-offset trong CSS</title>
<style>
p{margin-bottom:30px}
.underline-don{text-decoration: underline;}
.underline-wavy{text-decoration: underline wavy blue;}
.underline-line{text-decoration-line: underline; }
</style>
</head>
<body>

<h1>Code Thuộc tính text-underline-offset trong CSS</h1>

<p>Thuộc tính text-underline-offset trong CSS kết hợp với giá trị underline (gạch dưới ) của thuộc tính text-decoration hoặc thuộc tính text-decoration-line để tính khoảng cách từ văn bản tới đường gạch dưới, đơn vị tính khoảng cách là: px, em, %, auto.:</p>

<p class="underline-don" style="text-underline-offset: 10px;">text-underline-offset: 10px;</p>

<p class="underline-don" style="text-underline-offset: 5px;">text-underline-offset: 5px;</p>

<p class="underline-don" style="text-underline-offset: 90%;">text-underline-offset: 90%;</p>

<p class="underline-don" style="text-underline-offset: 60%;">text-underline-offset: 60%;</p>

<p class="underline-wavy" style="text-underline-offset: 10px;">text-underline-offset: 10px;</p>

<p class="underline-line" style="text-underline-offset: 20px;">text-underline-offset: 20px;</p>
</body>
</html>

Code Thuộc tính text-underline-offset trong CSS nằm trong bài viết Thuộc tính text-underline-offset trong CSS