Here is the code I am currently working with. It seems that there may be an issue, but I'm not sure what it could be. The first part contains internal CSS and below is inline CSS which appears to be functioning properly. My suspicion is that the image itself might be causing the problem, as inline CSS works fine with other images except for one (Capture.png).
<!DOCTYPE html>
<html>
<style> <!-- This is where I have added the internal CSS -->
body{
padding: 0px;
margin: 0px;
}
.cap{ <!-- This is the class designated for the image -->
position: absolute;
height:100px;
width:200px;
left:150px;
}
</style>
<body>
<div class="cap"><img src="Capture.png"/></div>
</body>
</html>
However, this second piece of code works!
<div class="cap"><img src="Capture.png" style="position: absolute;
height:100px;
width:200px;
left:150px;"/></div>