How to keep position of List / Menu in line

1
Hello, I'm trying to leave a List / Menu in the same line as the description of a particular product that I present to the user but since the line uses an H1 my List / Menu accompanies the size of the text, I've created a div named right for some unsuccessful attempts.

        <h1 id="page-title"><a href="produtos.php?dep=<?php echo $row_rsDepartamento['id_departamento']; ?>"><?php echo $row_rsDepartamento['descricao'];  ?></a> &gt; <a href="produtos.php?dep=<?php echo $row_rsDepartamento['id_departamento']; ?>&sub=<?php echo $row_rs_Subdepartamento['id_subdepartamento']; ?>"><?php echo $row_rs_Subdepartamento['descricao']; ?></a>
        <div id="direita">
            <form action="produtos.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
             <select name="filtro" id="filtro" onChange="this.form.submit();">
               <option value="0">Ordenar por:</option>
               <option value="1">Popularidade</option>
               <option value="2">A-Z</option>
               <option value="3">Z-A</option>
               <input name="dep" type="hidden" value="<?php echo $dep; ?>">
               <input name="sub" type="hidden" value="<?php echo $sub; ?>">
             </select>
            </form>
        </div>
      </h1>

The example can be seen here: List / Menu

JSFiddle

    
asked by anonymous 03.02.2015 / 12:47

1 answer

2

try to do something of the genre:

<div class="clearfix">
    <div class="esquerda breadcrumbs">Breadcrumbs</div>
    <div class="direita">
        <select name="filtro" id="filtro">
               <option value>Selecione um Filtro</option>
               <option value="1">Popularidade</option>
               <option value="2">A-Z</option>
               <option value="3">Z-A</option>               
        </select>
    </div>
    <div class="direita">Ordenar por:</div>
</div>

You can access the full example at link

    
03.02.2015 / 13:14