HTML coding - table content- Help! :) :)

Get Started
1

Using HTML coding I want to create a specific text area or table. I want my text area to hold within a width of 580px (total width of my page is 800px).

Also using HTML coding I would like the page to adjust per each individual pages’s content length (as some pages have more content then others)…

Here is my standard HTML codes generated by my page builder. How do I adjust these codes.

Content Text Area Current HTML
<span class=“xr_s0” style=“position: absolute; left:198px; top:200px;”>
<span class=“xr_tl” style=“top: -11px;”>!!MAINCONTENT!!</span>

 References:
.xr_s0 {font-family:Arial;font-size:12px;font-weight:normal;font- style:normal;text-decoration:none;color:#FFFFFF;letter-spacing:0.0em;}

.xr_tl {position: absolute; white-space: pre; unicode-bidi:bidi-override;}

Page Current HTML
<body style=“background-color: #000000”>
<div class=“xr_ap” id=“xr_xr” style=“width: 800px; height: 1190px; top:0px; left:50%; margin-left: -400px;”>
<script type=“text/javascript”>var xr_xr=document.getElementById(“xr_xr”)</script>
<div class=“xr_ap” id=“xr_xri” style=“width: 800px; height: 1190px; clip: rect(0px 800px 1190px 0px);”>
<div class=“xr_ap” id=“xr_xri” style=“width: 800px; height: 1190px; clip: rect(0px, 800px, 1190px, 0px);”>

Thank you soooo much!!