Ineedanhtmlcodewithoutcss,ifitisnotpossiblewithoutthecssitcanbewithcss,whichreproducesthelayoutoftheimage.(text,image,andtextverticallyonthesideoftheimage.
<!DOCTYPE html>
<html>
<head>
<style>
img {
float: right;
}
</style>
</head>
<body>
<p><img src="https://st.depositphotos.com/1695366/1395/v/450/depositphotos_13951714-stock-illustration-cartoon-boy-learning-to-ride.jpg"width="300" height="200" /> — Foi duro apreder a andar de Bicicleta?</p>
<p>— A andar de bicicleta. Não. Duro eram eram os muros e as arvores. <span style="font-size: 8pt;"><strong><span style="color: #ff00ff;">Discurso direto: as duas falam do texto</span></strong></span></p>
<blockquote>(Fabrice Lelarge. 365 piadas — Para criançãs a partir de 7 anos. Barueri-SP, Girassol, 2006.)</blockquote>
<div style="top: 10%; left: 92%; position: fixed; z-index: 66; -webkit-transform: rotate(90deg); ( transform-origin: left center 0px;">Herbert Richers</div>
</body>
</html>