Will the display property of an inline element change once a float property is applied? e.g. What will be the the display property of an anchor tag with float:left?
Also, what will happen with its parent display property, will it also change?
A:
remember, though, that if you apply background/border stylings, the content will be floated out of the container, causing a 0-height box.
goldenratio
2009-11-18 07:41:00
A:
The Float property will not affect the Display property.
An anchor tag with float:left will probably have the display property as 'inline'.
Guess the float:left caused your anchor to move 'behind' one of your other elements on the left...
Try a higher z-index..
Immanuel
2009-11-18 07:42:10
`float` will take it out of normal flow, not affect `display`.
random
2009-11-18 07:51:45
+2
A:
Will the display property of an inline element change once a float property is applied? e.g. What will be the the display property of an anchor tag with float:left?
The display property will be unchanged. If by ‘anchor tag’ you mean ‘A element’, then the display property would still be set to inline (by default).
Also, what will happen with its parent display property, will it also change?
The display property of the parent element will remain the same as well.
Mathias Bynens
2009-11-18 07:44:31
So is it allowed to float inline elements? If you say so, then is it recommended?
Ed
2009-11-18 08:17:55