JSFiddle - React, Tailwind, and code Playground

HTML

<p class="dialogue">
<b class="talker"><img src="http://placekitten.com/60/60" alt="A" title="Aのアイコン"></b>
「今日、雨が降らないと良いですね」</p>
<p class="dialogue">
    <b class="talker"><img src="http://placekitten.com/g/60/60" alt="B" title="Bのアイコン"></b>
「彼女がいるので、残念ながらそれは叶わないでしょう」</p>

CSS

.dialogue {
    padding:10px 10px 10px 80px ;
    margin-bottom: 10px ;
    width:400px ;
    background:#ccc ;
    position: relative ;
    min-height: 100px ;
}

b {
    margin-left: -70px ;
    padding-top: 10px ;
    position: absolute ;  
}