JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="wrap max20">
  가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마
</div>
<div class="wrap max40">
  가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마
</div>
<div class="wrap max60">
  가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마
</div>
<div class="wrap max80">
  가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마가나다라마
</div>

CSS

.wrap {
  border: 1px solid #000;
  margin: 20px;
  font-family: Sans-serif;
}
.max20 {
  max-width: 20ch;
}
.max40 {
  max-width: 40ch;
}
.max60 {
  max-width: 60ch;
}
.max80 {
  max-width: 80ch;
}