El código es la siguiente:¿por qué el margen de clase no funciona?
<html>
<head>
<title>test</title>
</head>
<body>
<div><span>shanghai</span><span class="margin"> </span><span>male</span></div>
</body>
</html>
.margin {
width:40px;
height:auto;
}
No puede darle un ancho porque es un elemento en línea.
Esta propiedad especifica el ancho del contenido de cajas generadas por a nivel de bloque y elementos reemplazados. Esta propiedad no se aplica a elementos de nivel en línea no reemplazados. - CSS 2.1 Width property
Puede solucionar este problema por lo que es un elemento de bloque o inline-block en su lugar:
display:inline-block
Sin embargo, esto puede no ser compatible con todos los navegadores. Sin embargo, probablemente pueda obtener el mismo resultado con esto:
margin-left:40px
Se debe indicar que se trata de una regla CSS: Ways to include CSS in your page.
yup, .margin es una regla de css – omg
Veo, pero usted pone esa regla fuera del documento html, ¿cómo puede saber el navegador que se trata de una pieza de CSS ?! –
poner
<style>
.margin {
width:40px;
height:auto;
}
</style>
¿No es eso lo que hice, hm? – omg
¿Lo pones en un .html y ves el efecto? – omg
Sí y funciona muy bien :) – pedrofernandes
CSS debe entrar en la sección de cabecera y también debe ser envuelto en < style> ...
A menos que usted está accediendo a este valor de una hoja de estilo. Usted tendría que hacer referencia a esto en la sección head del documento:
<link rel="stylesheet" type="text/css" title="RSS" href="MyStyleSheet.css">
Intente cambiar el nombre de su clase ¿quizás?
margin es un atributo. No estoy seguro si CSS ha reservado palabras clave.
intentó, no funciona, aunque – omg
es bueno saber que css no se comporta de esta manera :) limpio. –
Creo que el problema es que la etiqueta está vacía. Simplemente ponga "& nbsp;" entre las dos etiquetas.
intentado, no ayuda, aunque – omg
sigue siendo el mismo :( – omg
margin-left ayuda! – omg
bloque en línea funciona en tramos en IE - ver http://www.quirksmode.org /css/display.html. FF2 todavía no está contento con el bloque en línea aunque –