öncelikle herkese selamlar kolay gelsin




Arkadaşlar yukarıda gördüğünüz resmin yanına almak istiyorum yazıları ve facebook iconunu float:left; yaptım ama yinede yanına gecmedi neden acaba cöze bilirmisiniz mantığını anlamam lazım öylesine yazıyorum siteyi, kodlarıda yazıyorum simdiden yardımcı olan herkese teşekkürler


Css Kodlar

haberdıs {
	width:80%;
	margin:auto;
}

.haberler {
	width:30%;
	float:left;
	
	
}

.haberbaslik  {
	border-bottom:1px solid black;
	margin-bottom:15px;
}
.haberbaslik p {
	margin-bottom:10px;
}

.haberresim img {
	width:190px;
	height:110px;
	float:left;
}
.haberyazi {
	float:left;
}

.sosyal {
	float:left;
}

Html Kodlar

<div class="haberdıs">	
	<div class="haberler" >
	<div class="haberbaslik">
		<p>Haberler</p>
	</div>
			<div class="haberresim">
				<a href=""> <img src="11.jpg"</a>
			</div>
				<div class="haberyazi">
					<p> buraya yazı yazmak güzeldir güzell <br> ama sen güzellikten anladığın faın</p>
				</div>
					<div class="sosyal">
						<img src="facebook.png" />
						<img src="whatsapp" />
						<span> 21 kasım 14:00</span>
					</div>
				<div class="temizle"> </div>
	</div>
</div>