移動しようとしている画像のリストがありますが、機能していません。
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
</head>
<body>
<div id="wrapper">
<h1>Portfolio</h1>
<img src="assets/img/PHOTOGRAOHY.png" alt="Photography" width="214" height="183">
<img id="industrialDesignIMG" src="assets/img/ID.png" alt="Industrial Design" width="232" height="183">
<img src="assets/img/GraphicDesign.png" alt="Graphic Design" width="233" height="196">
<img src="assets/img/animation.png" alt="Animation" width="198" height="142">
</div>
</body>
</html>
CSS:
#industrialDesignIMG {
border:1px #fff solid;
display: inline-block;
margin-top: 80px;
}
#wrapper {
width:960px;
margin:0 auto;
}
ofが欲しいのです#industrialDesignIMG
が、何も動かないか、すべての要素が動きます。仕事を得るにはどうすればよいですか?margin-top
80px
img
margin-top