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

<!DOCTYPE html>
<html>
	<head>
        <style> 
img {
    float: left;
    margin-right: 5px;
}
        </style>
	</head>
	<body>
        <h1>CSS Float Left</h1>
        <div>
            <img src="/tutorials/css/float/cat.png"/>
            The image is floating at the left of the
            div element and the text is trying to be
            visible on all available places next to
            the image. --- The image is floating at 
            the left of the div element and the text
            is trying to be visible on all available 
            places next to the image. --- The image is
            floating at the left of the div element 
            and the text is trying to be visible on 
            all available places next to the image. 
            --- The image is floating at the left of
            the div element and the text is trying to
            be visible on all available places next to
            the image. --- The image is floating at the
            left of the div element and the text is 
            trying to be visible on all available 
            places next to the image. --- The image is 
            floating at the left of the div element 
            and the text is trying to be visible on all
            available places next to the image. 
        </div>
	</body>
</html>