Hola, tengo un problema que me esta costando solucionarlo.
En esta imagen les muestro lo que me pasa
Y aca les muestro como tengo el codigo..
HTML
Código HTML:
<header id="page-header">
<h1><img src="images/logoreduc.png" align="left"><a href="index.php" class="mobileUI-site-name">Dr. Gustavo Schalien<br>Dra. Cecilia Lapissonde</a></h1> CSS:
Código:
#page-header
{
position: relative;
background: url(images/bg2.2.2.jpg) repeat-x;
border-radius: 5px;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.6), inset 0px 2px 0px 0px rgba(255,255,255,0.2), inset 0px 0px 0px 2px rgba(255,255,255,0.1), 0px 2px 5px 0px rgba(0,0,0,0.2);
/*text-shadow: 1px 1px 1px rgba(255,255,255,0.1);*/
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
font-size: 1.25em;
height: 6.5em;
line-height: 3.0em;
}
#page-header h1
{
font-size: 1.32em;
position: absolute;
left: 1.5em;
letter-spacing: -1px;
}
#page-header h1 a
{
color: #618FC2;
text-decoration: none;
}
Lo que quiero hacer es que me queden los dos nombres completos uno abajo del otro al lado del logo.. No se porque me separa el nombre del apellido en distintas lineas..
Espero me entiendan..
Saludos