JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <u><b>Uitgevoerde werkzaamheden</b></u>
        <u><p class="test">{{{$werkbon_report->work_preformed}}}</p></u>
</div>

CSS

p.test{
    width:100%; 
    word-wrap:break-word;
    text-align: justify;
    line-height:200%;
    text-decoration: none; 
   border-bottom: 1px solid green!important;
}

u{
  text-decoration: none; 
   border-bottom: 1px solid green!important;
}