Looking for help with positioning four images on the screen using coordinates specified in the code. The top-left coordinate positioning is not displaying properly as intended. Can you assist in identifying and correcting the error?
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#imagegroup1{
display:inline;
positon:absolute;
top:160px;/*pos
left:690px;
}
#imagegroup2{float:left;
display:inline;
positon:static;
top:160px;
left:1000px;
}
#imagegroup3{
display:inline;
positon:absolute;
top:360px;
left:690px;
}
#imagegroup4{
display:inline;
positon:absolute;
top:360px;
left:1000px;
}
</style>
</head>
<body>
<div id ="imagegroup1"><img src="img1.jpg" height="180px" width="270px"/></div>
<div class="imagegroup2"><img src="img2.jpg" height="180" width="270"/></div>
<img id="imagegroup3" src="img3..jpg" height="180" width="270"/>
<img id="imagegroup4" src="img4.jpg" height="180" width="270"/>
</body>