要素の高さと幅がCSSで指定されているものと同じでないのはなぜですか?
jsfiddleへのリンクは次のとおりです。http ://jsfiddle.net/sunnycpp/2hNkk/
同じコードがここにコピーアンドペーストされます、
HTML
<!DOCTYPE html>
<html>
<body>
<div id="target">
<p>Click here set promise as Done!</p>
</div>
<br/>
<div id="reset" ><p>Reset</p></div>
</body>
</html>
CSS
DIV {
display:inline-block;
vertical-align:middle;
text-align:center;
margin-bottom: 10px;
}
#target {
width:200;
height:200;
background-color:yellow;
}
#reset {
width:100;
height:100;
background-color:grey;
color:white;
}