Hola:
Estoy empezando con css. Pretendo hacer una simple linea de texto con tres palabras, una a la izquierda, otra en el centro y otra a la derecha. He hecho este fichero css
#cabecera1 {
text-align: left;
border-style: solid;
width: 33%;
display: inline;
}
#cabecera2 {
width: 33%;
text-align: center;
border-style: solid;
display: inline;
}
#cabecera3 {
width: 33%;
border-style: solid;
text-align: right;
display: inline;
}
y esta página html
<html>
<head>
<title>prueba</title>
<link rel="stylesheet" href="../../estilo.css">
</head>
<body>
<div id="cabecera1">izquierda</div>
<div id="cabecera2">centro</div>
<div id="cabecera3">derecha</div>
</body>
</html>
En internet explorer se ve lo que quiero, en firefox aparentemente no coge los "width". Si quito el display inline, entonces si coge los width, pero sale cada palabra en una linea distinta.
Sé que puedo conseguir lo que quiero con posicionamientos absolutos y demás, pero me gustaría saber por qué esto no funciona en firefox.
Gracias y sed buenos.