<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="test.css" rel="stylesheet"/>
<script src="jquery.min.js"></script>
<script src="test.js" type="text/javascript"></script>
</head>
<body>
<img id="img1" src="question.png" height="24" width="24" style="position: absolute; top: 200px;left: 30px;"/>
<span style="position: absolute; top: 230px;left: 30px;width:25px;text-align: center">上</span>
<img id="img2" src="question.png" height="24" width="24" style="position: absolute; top: 200px;left: 300px;"/>
<span style="position: absolute; top: 230px;left: 300px;width:25px;text-align: center">右</span>
<img id="img3" src="question.png" height="24" width="24" style="position: absolute; top: 200px;left: 600px;"/>
<span style="position: absolute; top: 230px;left: 600px;width:25px;text-align: center">下</span>
<img id="img4" src="question.png" height="24" width="24" style="position: absolute; top: 200px;left: 900px;"/>
<span style="position: absolute; top: 230px;left: 900px;width:25px;text-align: center">左</span>
</body>
</html>