CSS Float - initial Property

Description

The float: initial property sets the float property to its initial value, which is none. The element will not float and will take its normal place in the flow of the page.

Possible Values

  • initial − Sets an element to its initial value,.

Applies to

All the HTML elements.

DOM Syntax

float: initial;

Example

Here is the example which shows effect of this property −

<html>
<head>
<style>
   div {
      border: 2px solid #f0610e;
      padding: 5px;
      height: 160px;
      background-color: #86f00e;
   }
   .tutimg {
      float: initial;
      border: 3px solid #f0610e;
   }
</style>
</head>
<body>
   <div>
      <img class="tutimg" src="images/tutimg.png" width="150" height="150" />
      There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in
      some form, by injected humour, or randomised words which don't look even slightly believable. If you are
      going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle
      of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making
      this the first true generator on the Internet.
   </div>
</body>
</html>
Advertisements