Product | Code | Price |
Apple | 0123 | $1.25 |
Orange | 0247 | $1.55 |
Pear | 1928 | $1.45 |
Well, there are no large space between the paragraph above and the table as you can see, so MLA's method works.
This is how MLA did it. He created a class "nobr" using CSS, like this:
<style type="text/css">.nobr br { display: none }</style>
Then below the CSS, he created a division <div> specifying the class. He will then type the HTML for the table in the standard format within that division. For example, this is the script I used to create the above table:
<style type="text/css">.nobr br { display: none }</style>
<div class="nobr">
<table border="1">
<tr>
<td>Product</td><td>Code</td><td>Price</td>
</tr>
<tr>
<td>Apple</td><td>0123</td><td>$1.25</td>
</tr>
<tr>
<td>Orange</td><td>0247</td><td>$1.55</td>
</tr>
<tr>
<td>Pear</td><td>1928</td><td>$1.45</td>
</tr>
</table>
</div>
<div class="nobr">
<table border="1">
<tr>
<td>Product</td><td>Code</td><td>Price</td>
</tr>
<tr>
<td>Apple</td><td>0123</td><td>$1.25</td>
</tr>
<tr>
<td>Orange</td><td>0247</td><td>$1.55</td>
</tr>
<tr>
<td>Pear</td><td>1928</td><td>$1.45</td>
</tr>
</table>
</div>
If you understand the method, well and good. If not, you can also see MLA's post: Table formatting in Blogger
No comments:
Post a Comment