E Online Support - Free Software Download
How can i place picture in div to float to its right?
I want to place picture on my website in a sequence to its right.
Shruti
Answer
1

Multiple element (here it is an image) floats inside it’s container one to another. In this you may also find that as you will minimize the window size they will automatically get shifted to the defined position.

<!DOCTYPE html>
<html>
<head>
<title>CSS float left for multiple elements</title>
<style>
.slides {
float: left;
width: 150px;
height: 100px;
margin: 5px;
}
</style>
</head>
<body>
<h3>Multiple Image Float CSS</h3>
<p>Resize the browser-window to see the changes. The image will automatically shift to left</p>
<img class="slides" src="images/balls.jpg"/>
<img class="slides" src="images/cloud.jpg"/>
<img class="slides" src="images/flowers.jpg"/>
<img class="slides" src="images/nature.jpg"/>
<img class="slides" src="images/spiral.jpg"/>
<img class="slides" src="images/sunflower.jpg"/>
<img class="slides" src="images/waves.jpg"/>
<img class="slides" src="images/forest.jpg"/>
</body>
</html>
Question*:
Description*:
Script:
Related To:
 PHP    HTML    CSS    JAVASCRIPT    JQUERY   
 AJAX    WINDOWS    GAMES    DRIVERS    MAC   
 LINUX    MOBILE    GADGETS   
Security Code:
9240
Enter Security Code:
 
Facebook   Linkedin   Skype   Twitter