使用一个css控制多个图片和按钮的位置

问题相关代码，请勿粘贴截图
.move{
    margin-top:25px; width:500px; height:auto; position:absolute;
    top:220px;
    left:425px;
    float: left;
    position: fixed;
}

img{     
    position:absolute;   
    left:400px;
    top:100px;

}

<div class="helmet1">
    <img src="../static/images/helmet1.png" width="120" height="120" />
</div>

<div class="move">
    <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
        <button class="btn btn-default" type="submit">设备ID</button>
    </a>
</div>
我想要达到的结果

img

img

可以一个样式，控制多个图片，但是你的样式就不能这样写了。
你可以这样写

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        ul,li {
            list-style-type:none;
        }
        li {
            float:left;
            text-align:center;
            margin:0px 20px auto 20px;
        }
        .move {
            margin-top: 25px;
           /* width: 500px;*/
            height: auto;
            /*position: absolute;*/
         /*   top: 220px;
            left: 425px;*/
          /*  float: left;
            position: fixed;*/
        }

        img {
           /* position: absolute;
            left: 400px;
            top: 100px;*/
        }
    </style>
</head>
<body>
    <ul>
        <li>
            <div class="helmet1">
                <img src="../static/images/helmet1.png" width="120" height="120" />
            </div>

            <div class="move">
                <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
                    <button class="btn btn-default" type="submit">设备ID</button>
                </a>
            </div>
        </li>
        <li>
            <div class="helmet1">
                <img src="../static/images/helmet1.png" width="120" height="120" />
            </div>

            <div class="move">
                <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
                    <button class="btn btn-default" type="submit">设备ID</button>
                </a>
            </div>
        </li>
        <li>
            <div class="helmet1">
                <img src="../static/images/helmet1.png" width="120" height="120" />
            </div>

            <div class="move">
                <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
                    <button class="btn btn-default" type="submit">设备ID</button>
                </a>
            </div>
        </li>
    </ul>

</body>
</html>

效果

img