This is the html I used.
<html lang="en">
<head>
<style type="text/css">
.image-wrapper
{
position: relative;
width: 250px;
}
.image-wrapper p.line1
{
position: absolute;
left: 115px;
top: 21px;
width: 150px;
color: #1399d3;
margin: 5px;
font-size: 12px;
}
</style>
<title></title>
</head>
<body style="background-repeat: no-repeat">
<div class="image-wrapper">
<img src="image.png" alt="sometext" />
<p class="line1">
This text should appear at the top.</p>
</div>
</body>
</html>
The text should appear on the image and it does the same when viewed in IE and Chrome, but in HTML renderer places the image at top and text at bottom. Please help me to overcome this issue. (I am using HtmlRenderer v1.5.0.5)
Comments: duplicate http://htmlrenderer.codeplex.com/workitem/8840
<html lang="en">
<head>
<style type="text/css">
.image-wrapper
{
position: relative;
width: 250px;
}
.image-wrapper p.line1
{
position: absolute;
left: 115px;
top: 21px;
width: 150px;
color: #1399d3;
margin: 5px;
font-size: 12px;
}
</style>
<title></title>
</head>
<body style="background-repeat: no-repeat">
<div class="image-wrapper">
<img src="image.png" alt="sometext" />
<p class="line1">
This text should appear at the top.</p>
</div>
</body>
</html>
The text should appear on the image and it does the same when viewed in IE and Chrome, but in HTML renderer places the image at top and text at bottom. Please help me to overcome this issue. (I am using HtmlRenderer v1.5.0.5)
Comments: duplicate http://htmlrenderer.codeplex.com/workitem/8840