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>
Código:
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..#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; }
Espero me entiendan..
Saludos