The code is as below:
<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;
}
views:
223answers:
6
A:
You should indicate that this is a CSS rule : Ways to include CSS in your page.
Moayad Mardini
2009-06-29 09:18:14
yup,.margin is a css rule
Shore
2009-06-29 09:19:13
I see, but you put that rule outside the html doc, how can the browser know that this is a piece of CSS?!
Moayad Mardini
2009-06-29 09:20:29
+1
A:
CSS should go into the head section and should also be wrapped in < style > tags...
Unless you are accessing this value from a stylesheet. You would need to reference this in the head section of your document:
<link rel="stylesheet" type="text/css" title="RSS" href="MyStyleSheet.css">
James
2009-06-29 09:18:54
+2
A:
You can't give it a width because it is an inline element.
This property specifies the content width of boxes generated by block-level and replaced elements. This property does not apply to non-replaced inline-level elements. -- CSS 2.1 Width property
You can fix this by making it a block or inline-block element instead:
display:inline-block
However, this may not be supported by some browsers. You can probably achieve the same result with this, however:
margin-left:40px
Nick Retallack
2009-06-29 09:20:15
A:
Try changing you class name maybe?
'margin' is an attribute. I'm not sure if css has reserved keywords though.
the_drow
2009-06-29 09:20:38
A:
I think the problem is that the tag is empty. Just put " " between the two tags.
dutchflyboy
2009-06-29 09:21:18