[Solved] Showint it to the right of a float:left?

[brianb]

Hi - I'm new to CSS and decided that this project would use tableless columns. So I built simple CSS using floats to show labels on the left side and input boxes on the right. All is well. Tonight I downloaded the Telerik MVC controls and added a datepicker to my form. It shows up on my form on the left column and I can't figure out what CSS will make it appear in the right column. Is this something you can give me a suggestion about?


Here is my css.

form div label
{
    display: block;
    float: left;
    width: 200px;
    padding: 3px 5px;
    margin: 0 0 5px 0;
    text-align: left;
}

form div label.Column1
{
    width: 300px;
}

form div label.Column2
{
    width: 550px;
}

form div label.Column5
{
    width: 750px;
}

form div input.inputText2Column, form div input.inputPassword
{
    width: 400px;
    padding: 1px 3px;
    margin: 0 0 0 0;
    clear: right;
}

[Alex Gyoshev]

Hello brianb,

Perhaps adding clear: right to the drop-down will help. Without taking a look at the page, though, we can only guess.

Greetings,
Alex Gyoshev
the Telerik team