I am using the following html code:
I expect that the content would be cut, when the left and right margin is given and the width of the content is large. But i am getting the result as in the attached file sample.pdf.
How to clip the content when left and right margin are given and the width of the content is larger than the available width between left and right margin?
<html>
<style>
@page{
margin-top:1.1in;
margin-bottom:1in;
margin-left:1in;
margin-right:1in;
size: A4 portrait;
}
</style>
<body>
<div style ='width:800px;background-color:red;'>TESTING RIGHT MARGIN</div>
<div style ='width:600px;background-color:red;'>TESTING RIGHT MARGIN</div>
</body>
</html>
I expect that the content would be cut, when the left and right margin is given and the width of the content is large. But i am getting the result as in the attached file sample.pdf.
How to clip the content when left and right margin are given and the width of the content is larger than the available width between left and right margin?