JSFiddle - React, Tailwind, and code Playground

by bnson

HTML

<!DOCTYPE html>

<html>

<head>
    <meta charset='UTF-8'>
    <title>Space or multiple spaces and Tab characters in HTML?</title>
</head>

<body>

    <div style="border: 1px solid #ccc;padding:0px;font-size:25px">
        *Nhiều khoảng trắng nhưng chỉ hiển thị một.<br />
        A ------------- 1 Space<br />
        A  ------------- 2 Space<br />
        A   ------------- 3 Space<br />
        A    ------------- 4 Space<br />
        A     ------------- 5 Space<br />
        A      ------------- 6 Space<br />
    </div>
    <br />
    <div style="border: 1px solid #ccc;padding:0px;font-size:25px">
        *Nhiều tab nhưng chỉ hiển thị một khoảng trắng.<br />
        A    ------------- 1 tab<br />
        A        ------------- 2 tab<br />
        A            ------------- 3 tab<br />
        A                ------------- 4 tab<br />
        A                    ------------- 5 tab<br />
        A                        ------------- 6 tab<br />
    </div>   
    <br />
    <div style="border: 1px solid #ccc;padding:0px;font-size:25px">
        *Sự giống và khác biệt giữa các mã ký tự khoảng trắng trong HTML khi hiển thị trên trình duyệt.<br />
        A&nbsp;-------------<br />
        A&thinsp;-------------<br />
        A&ensp;-------------<br />
        A&emsp;-------------<br />
        A&#09;-------------<br />
        A&#09;-------------<br />
    </div>

</body>

</html>