JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE>
<html>
<head>
<style>
  div{ 
        position: center;
        margin:15px;
        margin-left: 60px;
         width:300px;
         outline: 4px dashed red;
         padding:9px;
         margin-bottom:30px;
  }

</style>
</head>

<body>

<div id="div1"> Ky eshte nje paragraf te cilin e kam vendosur ne nje div <span style="red">dhe me duhet te perdor css </span>per dukjen e tij.</div>

<div id="div2">Ky eshte edhe nje tjeter div te cilin me dueht ta rregulloj me css duke e perfshire edhe span-in ketu.</div>







</body>
</html>

CSS

#div1{
  overflow-wrap: normal;
  
}
 #div2{
   
   overflow-wrap:break-word;
   
 }