JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="demo">
  <p>하나/셋/넷/다섯/여섯째/여섯째/여섯째/여섯째</p>
  <!-- <p>하나-셋-넷-다섯-여섯째-줄바꿈이되어야하는데</p>
  <p>하나,둘,셋,넷,다섯,여섯째,줄바꿈이되어야하는데</p> -->
</div>

CSS

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');


body {
  font-family: 'Noto Sans KR', sans-serif;
}

.demo {
  /* width: 250px; */
  outline: 1px solid red;
}
p {
  
  font-size: 14px;
  word-wrap: break-word;
  word-break: keep-all;
}