JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="inner-block">
        Hello world
    </div>
    <div class="inner-block">        <li><a href="#"> abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz
        </a></li>
    </div>    
</div>

CSS

#container {
    background-color:green;
    width:150px;
    padding:5px;
}

.inner-block {
    margin:5px auto;
    width:100%;
    background-color:red;
    word-wrap:break-word;
}