¿Cómo disponer varios elementos en horizontal dentro de un div?

[guardarmicorreo]

Intento y no lo consigo disponer varios elementos input y label en horizontal dentro de un div, que de momento tiene background de color rojo.

Esta es la imagen de lo que sucede



Esto es lo que tengo en el HTML

Código HTML:

<div id="questions" class="content_panel">
        <p class="title">Preguntas</p>
        <p class="note">Todas las respuestas de usuarios asociadas a una pregunta serán borradas junto con la pregunta borrada</p>
        <div class="set_send_data">
            <form method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>">
                <!-- campo para introducir el texto de la pregunta -->
                <label for="setquestion">Introduce pregunta</label>
                <input type="text" name="setquestion" id="setquestion">
                <label for="id_typequestion">Tipo de pregunta</label>
                <select name="id_typequestion" id="id_typequestion">
                </select>
                <input type="submit" name="sendquestion" value="Enviar">
            </form>
        </div>
 

Y esto es lo que tengo en el CSS

Código CSS:

/*los input que estan justo por encima del paginador*/
 
.set_send_data{
    height:5%;
    width:100%;
    
    margin-bottom:1%;
    
    float:left;
    
    background-color:red;/*#999999;*/
}
 
/*los label*/
label{
    margin-left:auto;
    margin-right:auto;
}
 
/*define el estilo de los input*/
 
input, select{
    
    /*position:relative;*/
    
    max-height:100%;
    width:200px;
    
    margin:auto;
    
    float:auto;
    
    padding:1%;
    
    border:solid #999999 1px;
    border-radius:15px;
    background-color:#D2D2D2;
}
 
input[type=submit]{
    line-height:50%;
    
    float:auto;
}
 
 
input:hover{
    border:solid hsl(210, 100%, 55%) 1px;
}
 
select:hover{
    border:solid hsl(210, 100%, 55%) 1px;
}
 

Por más que lo intento no consigo que los elementos se dispongan en horizontal, parece que hubiera un elemento que envía los elementos fuera del div de color rojo, pero ese elemento que puede interrumpir la disposición no existe, simplemente los elementos hacen ese efecto y no entiendo por qué ni cómo solucionarlo.

¿Alguien podría ayudarme a entenderlo y a solucionarlo?

[guardarmicorreo]

he hecho una prueba quitando el select y el submit sí que se alinea correctamente.

creo que el problema está con el select, que no sigue ninguna alineación dada genéricamente :S

[alzacon]

Pues a mi me funciona perfectamente, en firefox.

[pzin]

También funciona bien en Chrome, Opera y Safari.

[guardarmicorreo]

por fin pude arreglar el problema.

resulta que el problema estaba en un error en otra clase

Código CSS:

.edit label, select{
    
    margin-top:1%;
    margin-bottom:0.5%;
    margin-right:50%;
    
    float:right;
    text-align:center;
}
 

¿hay alguna manera de mismo estilo a dos elementos distintos dentro de una misma clase CSS sin tener que hacer algo como esto?

Código CSS:

.edit label{
    
    margin-top:1%;
    margin-bottom:0.5%;
    margin-right:50%;
    
    float:right;
    text-align:center;
}
 
.edit select{
    margin-top:1%;
    margin-bottom:0.5%;
    margin-right:50%;
    
    float:right;
    text-align:center;  
}