How to make table size consistent (full-width)

[Orangejam]

How I can make a table which stretches across the post? As you can see, now, in the screenshot, the table is too small, but I want consistent size of table that is of full-width across the post. I tried both HTML and Markdown, both of which made table, but very small (and the size changes every time I make table;;)

For HTML, I used following code:

<table style="width:100%; text-align: left; border-collapse: collapse;">
<tr>
<th style="width: 70%; padding: 10px; border: 1px solid #ddd;">Support Options</th>
<th style="width: 30%; padding: 10px; border: 1px solid #ddd;">Available</th>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ddd;">24/7 (Live rep)</td>
<td style="padding: 10px; border: 1px solid #ddd;">![✅](https://fonts.gstatic.com/s/e/notoemoji/16.0/2705/72.png)</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ddd;">Chat</td>
<td style="padding: 10px; border: 1px solid #ddd;">![✅](https://fonts.gstatic.com/s/e/notoemoji/16.0/2705/72.png)</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ddd;">Knowledge Base</td>
<td style="padding: 10px; border: 1px solid #ddd;">![✅](https://fonts.gstatic.com/s/e/notoemoji/16.0/2705/72.png)</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ddd;">FAQs/Forum</td>
<td style="padding: 10px; border: 1px solid #ddd;">![✅](https://fonts.gstatic.com/s/e/notoemoji/16.0/2705/72.png)</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ddd;">Phone Support</td>
<td style="padding: 10px; border: 1px solid #ddd;">![✅](https://fonts.gstatic.com/s/e/notoemoji/16.0/2705/72.png)</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ddd;">Email/Help Desk</td>
<td style="padding: 10px; border: 1px solid #ddd;">![✅](https://fonts.gstatic.com/s/e/notoemoji/16.0/2705/72.png)</td>
</tr>
</table>

For Markdown, I used following code:

<table>
<thead>
<tr>
<th>Languages</th>
<th>Availability</th>
</tr>
</thead>
<tbody>
<tr>
<td>English</td>
<td>![✅](https://fonts.gstatic.com/s/e/notoemoji/16.0/2705/72.png)</td>
</tr>
<tr>
<td>Others</td>
<td>![❌](https://fonts.gstatic.com/s/e/notoemoji/16.0/274c/72.png)</td>
</tr>
</tbody>
</table>

[Cathy_Sarisky]

I would start with <table style="width: 100%">

If that isn’t working, it’s likely that something in your theme is overriding it. A link to the site might help with debugging.

p.s. I wrapped your code for you. Use the </> button to mark any html or md you post so that it gets displayed without modification. :)