Sunday, 15 April 2018

How to make element floating from CSS?


 Image arrangement

Example:-

<!Doctype html>
<html>
<head>
<title>CastorClasses.com</title>
<style type=”text/CSS”>
.image{border:1px solid;
wedth:30px;
height:100px;
float:left;
margin:left;
}
</head>
<body>
<div class=”image”>
<img src=”flower.jpg” width=”100″ height=”100″/>
</div>
<div class=”image”>
<img src=”flower.jpg” width=”100″ height=”100″/>
</div>
<div class=”image”>
<img src=”flower.jpg” width=”100″ height=”100″/>
</div>
<br clear=”all” // This is use for next line.
</body>
</html>

0 Comments:

Post a comment

Popular Posts

Categories

Android (21) AngularJS (1) Assembly Language (2) Books (10) C (75) C# (4) C++ (81) Data Strucures (4) Downloads (1) Engineering (13) FPL (17) Hadoop (1) HTML&CSS (38) IS (25) Java (87) Leet Code (4) PHP (20) Python (214) R (69) Selenium Webdriver (2) Software (14) SQL (27)