JSFiddle - React, Tailwind, and code Playground

by GCyrillus

HTML

<div class="dialogs-icon\">
    <img src="http://dummyimage.com/25x25" width="25" height="25" class="d-icon"/><img src="http://dummyimage.com/25x25" width="25" height="25" class="d-icon"/><img src="http://dummyimage.com/25x25" width="25" height="25" class="d-icon"/><img src="http://dummyimage.com/25x25" width="25" height="25" class="d-icon"/>
    <div class="messages">
        <p>hi</p></div>
</div>

CSS

.dialogs-icon {
}
.d-icon {
    width: 25px;
    height: 25px;
    margin: 5px 15px 5px 5px;
}
.messages {
    width:100%;
    position:absolute;
   left:0;
}
.messages p {
    width:50%; /* or whatever */
    border:solid;
    background:white;
    margin:auto;
}