Bagaimana menampilkan Tabel di dalam Artikel

Penulis sebuah artkel sering kali menampilkan tabel di dalam artikelnya, dengan maksud agar si pembaca dapat lebih mudah memahami isi tulisannya, pengunaan media tabel sangat informatif jika dibandingkan dengan sebuah parangraf.
Oleh karena itu, saya coba menjelaskan bagaimana cara menampilkan tabel di dalam sebuah artikel. Seperti contoh dibawah ini.

<table border="1">
<tr>
<td>Garam</td>
<td>0,5 kg</td>
</tr>
<tr>
<td>Gula</td>
<td>1,5 Kg</td>
</tr>
</table>

Hasilnya akan terlihat seperti ini :

Garam	0,5 Kg
Gula	1,5 Kg

Jika anda ingin menambah kolom dan baris, maka anda hanya copy paste saja tag tr dan td kebawah seperti ini :

<table border="1">
<tr>
<td>Garam</td>
<td>0,5 Kg</td>
</tr>
<tr>
<td>Gula</td>
<td>1,5 Kg</td>
</tr>
<tr>
<td>Telor</td>
<td>2 Kg</td>
</tr>
<tr>
<td>Terigu</td>
<td>2,5 Kg</td>
</tr>
<tr>
<td>Mentega</td>
<td>3,5 Kg</td>
</tr>
</table>

Gampangkan...? Selamat mencoba !

Apa yang terjadi dengan tampilan anda sekarang? Apakah table anda menjauh dari posisi yang anda inginkan? punya space kosong sebelum tabel?

Jika demikian yang terjadi jangan panik dulu, coba kembali edit artikel anda, kemudian masukan atau tambahkan kode berikut sebelum tag tabel:

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">

dan akhiri tag tabel dengan tag </div>
Nah sekarang bagaimna ?