1 Vote Vote

cannot float element right

Posted by topdog 415 days ago Questions| element float float element All
As the title suggests i cannot float an element to the right.

More specifically:

Inside an element(parent) i have 2 elements, one is floated left(nothing wrong with this) and another one i am trying to float right without success.

What happens is that the element that i want to float right appears BELOW the left floated element. I have tried various combinations with the clear property without a desired result.

Another thing is that if i do not apply the float right property in the element in question, than, the element appears where i want it, in the right side of the left floated element-nonetheless(because this element contains a text of block) with float right i wish the text to be aligned right.



Nevertheless, out of curiosity, (and for reasons of right text element)i still want to learn why the float right property does not work.

Here is the code:
#all is the parent element
#leftcolumn, is the element which successfully is floated right

and

#centralcolumn is the element in which i cannot apply the float property.

CODE
#all {
height:auto;
margin-left:auto;
margin-right:auto;
border:#009 thick solid;
width:800px;


}
#leftcolumn { float:left;

}

#centralcolumn {
    float:right;
    
    }


Thanks, i hope i was not confusing.
Discuss Bury


Who Voted for this Question