HTML code with vertically and horizontally? [closed]

-7

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. &nbsp;&nbsp;<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&nbsp;— 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>
    
asked by anonymous 18.08.2017 / 21:05

1 answer

0

Only with same CSS

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

position: absolute; 
top: 0; 
left: 650px;
width: 20%;

}

.image { 
   position: relative; 
   width: 650px; /* para IE 6 */
}

img {
float: right;
}
<div class="image">
<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 class="rotate">Herbert Richers</p> 
<p>— A andar de bicicleta. Não. Duro eram eram os muros e as arvores. &nbsp;&nbsp;<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&nbsp;— Para criançãs a partir de 7 anos. Barueri-SP, Girassol, 2006.)</blockquote>
</div>
    
18.08.2017 / 23:13