JSFiddle - React, Tailwind, and code Playground

HTML

<h2>test 1:indent</h2>
<div class="d-1 normalwrap intent-l1">hello大家好我是周杰伦</div>
<div class="d-2 prewrap intent-l1">hello
大家好
我是周杰伦</div>
<hr>

CSS

.d-1{ background: #FF6156 ; }
.d-2{ background: #75E6E8 ; }
.d-1,
.d-2{ width:100px; height: 100px; }

.prewrap { white-space:pre; }
.normalwrap { white-space:normal; }

.padding-l1 { padding-left : 1000em ; }

.intent-l1 { text-indent: 2em ; }