JSFiddle - React, Tailwind, and code Playground

by Valter Ferreira Martins

HTML

<h1 id="page-title">COZINHA > AMBIENTE MESA C/ BANQUETAS
            <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>

CSS

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2.333em; /* 28px */
	line-height: 1.214em; /* 34px/28px */
}

h1#page-title {
    padding: 25px 0;	
	border-bottom: 1px solid #e5e5e5;
}