Categories:
.NET (961)
C (387)
C++ (185)
CSS (84)
DBA (8)
General (31)
HTML (48)
Java (641)
JavaScript (220)
JSP (109)
JUnit (31)
MySQL (297)
Networking (10)
Oracle (562)
Perl (48)
Perl (9)
PHP (259)
PL/SQL (140)
RSS (51)
Software QA (28)
SQL Server (5)
Struts (20)
Unix (2)
Windows (3)
XHTML (199)
XML (59)
Other Resources:
How Floating Elements Are Formatted
How Floating Elements Are Formatted? - CSS Tutorials - Understanding Multiple Element Formatting Rules
✍: FYIcenter.com
A floating element is a block element or in-line element being specified with the "float" style property. If "float: left" is specified, a floating element will be formatted at the left margin of the parent element. The current block and sub sequent blocks will be floated on the right side of this floating element.
If "float: right" is specified, a floating element will be formatted at the left margin of the parent element. The current block and sub sequent blocks will be floated on the right side of this floating element.Below is a good example of a floating block element and a floating inline element:
<html><head> <style type="text/css"> DIV.page {width: 350px; border: 1px solid black} P {margin: 0px} P#p1 {float: left; width: 100px} P#p1 {background-color: #ffdddd} P#p2 {background-color: #ddffdd} IMG#icon {float: right} </style> </head><body><div class="page"> <H3>Floating Elements</H3> <p id=p1>Block element <P> floated to the left.</p> <p id=p2><img id=icon src=moonrise.jpg> Inline element <IMG> floated to the right. Welcome to dev.FYIcenter.com, the resource center for developers like you! Hope you like it, and come back to this again. Submit your favor resources. Remember to tell your friends about this site www.FYIcenter.com.</p> <div></body></html>
Save this document as floatingElements.html, and view it with a browser,
you will see something like this:
2007-05-11, 4884👍, 0💬
Popular Posts:
What print out will the folloging code produce? main() { char *p1=“name”; char *p2; p2=(char*)malloc...
How To Export Data to an XML File? - Oracle DBA FAQ - Introduction to Oracle SQL Developer If you wa...
How to make elements invisible? Change the "visibility" attribute of the style object associated wit...
How To Write a Minimum Atom 1.0 Feed File? - RSS FAQs - Atom Feed Introduction and File Generation I...
What will the following piece of code do? int f(unsigned int x) { int i; for (i=0; x!=0; x>&a...