tables in blog post

Hi!

I need create a table in my blog post. I didn’t see any guides at HB-themes resources and didn’t find any visual tools. I used plain html. But I can’t limit table width to page width (1140px). What should I do?

Here is my code:

<table dir=”ltr” style=”height: 166px;” width=”1140″ cellspacing=”0″ cellpadding=”0″>
<tbody>
<tr>
<td>No</td>
<td>Distance from ceiling</td>
<td>Diameter</td>
<td>Height</td>
<td>Q1</td>
<td>H1</td>
<td>Q2</td>
<td>H2</td>
<td>Q3</td>
<td>H3</td>
<td>Q4</td>
<td>H4</td>
</tr>
<tr>
<td>1</td>
<td>600</td>
<td>80</td>
<td>167</td>
<td>1</td>
<td>0</td>
<td>1</td>
<td>50</td>
<td>2</td>
<td>100</td>
<td></td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>600</td>
<td>160</td>
<td>333</td>
<td>2</td>
<td>167</td>
<td>2</td>
<td>207</td>
<td>3</td>
<td>247</td>
<td>4</td>
<td>287</td>
</tr>
<tr>
<td>3</td>
<td>600</td>
<td>240</td>
<td>500</td>
<td>3</td>
<td>333</td>
<td>3</td>
<td>373</td>
<td>4</td>
<td>413</td>
<td>5</td>
<td>453</td>
</tr>
<tr>
<td>4</td>
<td>600</td>
<td>320</td>
<td>667</td>
<td>4</td>
<td>500</td>
<td>4</td>
<td>540</td>
<td>5</td>
<td>580</td>
<td>6</td>
<td>620</td>
</tr>
<tr>
<td>5</td>
<td>600</td>
<td>400</td>
<td>833</td>
<td>5</td>
<td>667</td>
<td>5</td>
<td>707</td>
<td>6</td>
<td>747</td>
<td>7</td>
<td>787</td>
</tr>
<tr>
<td>6</td>
<td>600</td>
<td>480</td>
<td>1000</td>
<td>6</td>
<td>833</td>
<td>6</td>
<td>873</td>
<td>7</td>
<td>913</td>
<td>8</td>
<td>953</td>
</tr>
</tbody>
</table>