Hola gente, verán tengo un problema con un salto de linea que tengo en el div tabla-reportes-status solo que no lo encuentro.
Código HTML:
<div class="tabla-reportes-filas"><a href="?pag=reportes&accion=ver_reporte&id=11">
<div class="tabla-reportes-columna">
<div class="tabla-reportes-titulo">Base de Datos:SW-1_2960_GDL <span>#11</span></div>
<div class="tabla-reportes-descripcion">sasdasd...</div>
</div>
<div class="tabla-reportes-status"><ul>
<li><span>Estado: </span>Abierto</li>
<li><span>Especialista</span></li>
<li><span>Severidad: </span>Warning</li>
</ul>
</div>
</a></div>
Código:
.tabla-reportes{
background-color: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.tabla-reportes-filas{
width: 100%;
height: 59px;
border-bottom: 1px solid #ccc;
}
.tabla-reportes-filas a{
width: 100%;
height: 100%;
text-decoration: none;
color:#000;
}
.tabla-reportes-columna{
float: left;
width: 74.9%;
border-right: 1px solid #ccc;
}
.tabla-reportes-titulo{
height: 25.5px;
font-weight: bold;
font-size: 12px;
margin-left: 10px;
margin-top: 5px;
color: #424B5D;
letter-spacing: .5px;
}
.tabla-reportes-titulo span{
width: 100px;
text-align: left;
font-size: 10px;
margin:0;
color:#666666;
font-weight: normal;
}
.tabla-reportes-descripcion{
margin-left: 10px;
height: 25.5px;
margin-bottom: 5px;
}
.tabla-reportes-status{
float: right;
width: 25%;
margin:0;
}
.tabla-reportes-status ul{
margin: 0;
list-style: none;
}
.tabla-reportes-status li{
padding: 0;
margin:0;
}
.tabla-reportes-status span{
font-size: 10px;
color:#666;
}
Screenshot
http://subefotos.com/ver/?68b64ff619...82e2b4873o.jpg