float : 回り込み CSSプロパティ

p {
    max-width: 30em;   /*  最大幅 */
}


img {
    margin:    5px;    /*  外側の余白 */
}

.red {
    color:     red;    /*  文字の色 */  
}

<p>

    <img class="img-1" src="/img/color_ja/34b870.png">

    <span class="red">Lorem</span> ipsum, dolor sit amet consectetur adipisicing elit. Cupiditate vel voluptatibus nulla distinctio voluptatum atque harum ipsam, maxime at incidunt possimus veniam itaque repellat, eligendi labore, dolores deleniti quam autem.

    <img class="img-2" src="/img/color_ja/247c50.png">

    <span class="red">Lorem</span> ipsum, dolor sit amet consectetur adipisicing elit. Cupiditate vel voluptatibus nulla distinctio voluptatum atque harum ipsam, maxime at incidunt possimus veniam itaque repellat, eligendi labore, dolores deleniti quam autem.

    <img class="img-3" src="/img/color_ja/3c6854.png">
    <img class="img-4" src="/img/color_ja/4c6474.png">

    <span class="red">Lorem</span> ipsum, dolor sit amet consectetur adipisicing elit. Cupiditate vel voluptatibus nulla distinctio voluptatum atque harum ipsam, maxime at incidunt possimus veniam itaque repellat, eligendi labore, dolores deleniti quam autem.

    <img class="img-5" src="/img/color_ja/3c6468.png">

    <span class="red">Lorem</span> ipsum, dolor sit amet consectetur adipisicing elit. Cupiditate vel voluptatibus nulla distinctio voluptatum atque harum ipsam, maxime at incidunt possimus veniam itaque repellat, eligendi labore, dolores deleniti quam autem.

</p>