<style type="text/css">
.yatay_text {
transform: rotate(270deg);
top: 100px;
position: absolute;
}
.text{
margin-left: 70px;
padding-top: 50px;
}
img{
margin-left: 70px;
margin-top: 0px;
}
</style>
<body>
<div class="text">YATAY YAZI</div>
<div class="yatay_text">DİKEY YAZI</div>
<img src="https://miro.medium.com/max/724/1*34B4uSLboNhNTHAhy64mlA.jpeg">
</body>