JSFiddle - React, Tailwind, and code Playground

HTML

<div class='wrapper'>
   <img src='http://placehold.it/200x150?text=var+w%26h' class='image' />
    <div class='name'>name name name name name name name name name name name name name name name name</div>
    <div class='suffix'>suffix</div>
    <div class='title'>title</div>
    <div class='notes'>notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes</div>
</div>

<!---<div class='wrapper'>
    <img src='http://placehold.it/300x100?text=var+w%26h' class='image' />
    <div class='name'>name<br />is<br />multiline</div>
    <div class='suffix'>suffix</div>
    <div class='title'>title</div>
    <div class='notes'>notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes notes</div>
</div>
<br />
<div class='wrapper'>
    <img src='http://placehold.it/100x100?text=var+w%26h' class='image' />
    <div class='inner_wrapper'>
        <div class='name'>name<br />is<br />multiline</div>
        <div class='suffix'>suffix</div>
        <div...

CSS

.wrapper {
    border:1px solid black;
    overflow:auto;
    padding:5px;
    width:500px;
}
.inner_wrapper{
    overflow:hidden;
}
.image{
    float:left;
    margin:0 5px 5px 0;
}
.name{
    border:1px solid red;
    display:inline-block;
    max-width:48%;
    word-wrap:wrap;
    vertical-align:top;
}
.suffix{
    border:1px solid blue;
    display:inline-block;
    vertical-align:top;
}
.title{
    border:1px solid green;
    clear:right;
}
.inner_wrapper .title{
    clear:both;
}
}