Aşağıdaki şekilde düzenleyin.
.icerik a.baslik {
display:flex;
float:right;
}Şu şekilde olacaktır.
https://prnt.sc/smx0o5
O yazıyı biraz uzatınca aşağıda gözüküyor malesef.
https://prnt.sc/smx3gn <div class="icerikalani">
<div class="icerikresim">
<img src="https://bit.ly/2X2zcUN" class="icerikfoto">
</div>
<div class="icerikbaslik">
<a class="baslik">Bu Haberi Duyunca İnanamayacaksınız!</a>
</div>
</div>
Bu kısmı böyle yapıp dener misiniz ?
.icerikalani .icerikresim {
width: 40%;
height: 100%;
float:left;
}
.icerikalani .icerikbaslik {
width: 60%;
height: 100%;
float:left;
}Not: display flex kullanmak istersen css de icerikalani yazana display:flex; ekleyip , resim olana genişlik verip başlık olana flex:2; eklersen başlık olan kısım genişliği kendi ayarlar.
attığınız kodlarla pek istediğim sonuca ulaşamadım ama not olarak eklediğinizi yapınca tam istediğim gibi oldu.ama şimdi de altına açıklama ve buton eklemek istiyorum yanında çıkıyorlar

https://prnt.sc/smxdgx