محرر ويب أونلاين

<!DOCTYPE html>
<html>
	<head>
        <style>
img {
    float: none;
	vertical-align: top;
}
        </style>
	</head>
	<body>
        <h1>CSS Float vs Vertical Algin</h1>
        <div>
            <img src="/tutorials/css/float/cat.png"/>
            The image is not floating in the div element
			that's why the text is not trying to appear 
			on all available places next to the image. ---
            The image is not floating in the div element
			that's why the text is not trying to appear 
			on all available places next to the image. ---
            The image is not floating in the div element
			that's why the text is not trying to appear 
			on all available places next to the image. ---
            The image is not floating in the div element
			that's why the text is not trying to appear 
			on all available places next to the image. ---
            The image is not floating in the div element
			that's why the text is not trying to appear 
			on all available places next to the image. ---
        </div>
	</body>
</html>