separar elementos de un header
Publicado por Charly (18 intervenciones) el 11/05/2018 13:17:17
Hola, me han mandado crear una página html5 y en el header tengo que poner lo siguiente:
header:
150 pixels de altura.
Una imagen de coches a 10 pixels del borde izquierdo que ocupe 70 pixels de ancho y 150 de alto.
Un texto centrado en letra arial, negrita y con caracteres de 15 puntos.
Otra imagen diferente a la anterior a 10 pixels del borde derecho que ocupe 70 pixels de ancho y 150 de alto.
Tengo en un css el siguiente código:
Me aparecen las tres cosas centradas y con las medidas que les he puesto, pero juntas y sin las distancias que les indico.
¿Cómo podría separarlas? Gracias por adelantado.
header:
150 pixels de altura.
Una imagen de coches a 10 pixels del borde izquierdo que ocupe 70 pixels de ancho y 150 de alto.
Un texto centrado en letra arial, negrita y con caracteres de 15 puntos.
Otra imagen diferente a la anterior a 10 pixels del borde derecho que ocupe 70 pixels de ancho y 150 de alto.
Tengo en un css el siguiente código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#cabecera{
height:150px;vertical-align:middle;
text-align:center;
background-color:red;
}#coche1{
position:relative; left:10px; width:70px; height:150px; display:inline;}#título{
font:bold 15px arial;text-align:center;
display:inline;}#coche2{
position:relative; right:10px; width:70px; height:150px; display:inline;}¿Cómo podría separarlas? Gracias por adelantado.
Valora esta pregunta
0
