Css Float Property

 What is css Float?

Before learn about css float property you have to learn about float. Float means wave. css float works for display something special on anything. When you want to make a navigation menu for your website you must use the float property. If you don’t do this your menu may be display under your page.

Basic Float :

Look at the following syntax for learn about basic float property.

<html>

<head>

<style type="text/css">

img

{float:right;}

</style>

</head>

<body>

<p>

<img src="http://h2cweb.net/demo/float/gravity.jpg" width="95" height="84" />

I am writing in response to your advertisement for

 a Data Entry Assistant & SEO Good English. 

 After carefully reviewing the experience requirements

 of the job description, I feel that I am a suitable match

 for the job. I’ve held several data entry positions that

 entail inputting customer requests, inquire, and tracking

 codes of products I also perform administrative duties

 including copying and faxing documents, answering telephones,

 transferring data, web research and reports to immediate

 supervisor. I feel that I can add professionalism and

 accuracy to your current team of professionals.

</p>

</body>

</html>

Description: Here I have used a image on css float property. For that , you can see that the image have taken his own place on right of the browser. No text can be over on it.

Output:css float basic

 

An image with border with the css float :

You can make border also by this css float property. For learn about css margin you can read css padding and margin article.

Example:

<html>

<head>

<style type="text/css">

img

{float:right;

border:1px dotted black;

margin:0px 0px 15px 20px;}

</style>

</head>

<body>

<p>

<img src="http://h2cweb.net/demo/float/border%20with%20float.html" width="95" height="84" />

I am writing in response to your advertisement for

 a Data Entry Assistant & SEO Good English. 

 After carefully reviewing the experience requirements

 of the job description, I feel that I am a suitable match

 for the job. I’ve held several data entry positions that

 entail inputting customer requests, inquire, and tracking

 codes of products I also perform administrative duties

 including copying and faxing documents, answering telephones,

 transferring data, web research and reports to immediate

 supervisor. I feel that I can add professionalism and

 accuracy to your current team of professionals.

</p>

</body>

</html>

Description: By the margin property you can make border on the image.

Output:css float border width

Making large first font by css float:

It is possible for you to make the first letter large of your paragraph.

Example:

<html>

<head>

<style type="text/css">

span

{float:left;

width:0.7em;

font-size:400%;

font-family:algerian,courier;

line-height:80%;}

</style>

</head>

<body>

<p>

<span>I</span>

 am writing in response to your advertisement for

 a Data Entry Assistant & SEO Good English. 

 After carefully reviewing the experience requirements

 of the job description, I feel that I am a suitable match

 for the job. I’ve held several data entry positions that

 entail inputting customer requests, inquire, and tracking

 codes of products I also perform administrative duties

 including copying and faxing documents, answering telephones,

 transferring data, web research and reports to immediate

 supervisor. I feel that I can add professionalism and

 accuracy to your current team of professionals.

</p>

</body>

</html>

Output:making large text by css float
You can learn about advanced of css float by reading css float advanced article. You must need to read this css float advanced article if you have read this article carefully.

Roy Jemee is a professional Blogger. Apart of blogging he likes to play with mathematics. He knows Blogging, Wordpress, PHP, javascript , SEO and some other.