Interview Questions Answers.ORG
Interviewer And Interviewee Guide
Interviews
Quizzes
Home
Quizzes
Interviews Top World Wide Web Interviews:Action ScriptAJAXBasic InternetBloggingCascading Style Sheet CSSCSS3DHTMLDomain Name System (DNS)EcommerceHTMLHTML5JavaScriptjQueryjQuery KnockoutJSONJSONPUser Interface DesignerVBScriptW3CWeb 2.0 TechnologiesWeb 3.0 TechnologiesWeb BuildingWeb DevelopersWeb QualityWeb SecurityWeb SemanticWebmaster
Copyright © 2018. All Rights Reserved
Cascading Style Sheet CSS Interview Question:
What Is a Floating Element in CSS?
Submitted by: AdministratorA 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:
Submitted by: Administrator
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:
Submitted by: Administrator
<pre><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 www.GlobalGuideLine.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.GlobalGuideLine.com.</p>
<div></body></html></pre>
Submitted by: Administrator
<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 www.GlobalGuideLine.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.GlobalGuideLine.com.</p>
<div></body></html></pre>
Submitted by: Administrator
Copyright 2007-2024 by Interview Questions Answers .ORG All Rights Reserved.
https://InterviewQuestionsAnswers.ORG.
https://InterviewQuestionsAnswers.ORG.