How to add an html code under the specifications.

[vhR1]

Hello, I would like to add the following code under my specifications. The problem is that I end up crushing the complete code by trying to do so: <style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
<tr>
<th class="tg-0pky">THC</th>
<th class="tg-c3ow">14%</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0pky">CBD</td>
<td class="tg-c3ow">2%</td>
</tr>
<tr>
<td class="tg-0pky">GROWING</td>
<td class="tg-c3ow">AUTOFLOWERING</td>
</tr>
<tr>
<td class="tg-0pky">GENETICS</td>
<td class="tg-c3ow">30% SATIVA 70% INDICA</td>
</tr>
<tr>
<td class="tg-0pky">TASTE</td>
<td class="tg-c3ow">SPICY-FRUIT-CHILLI</td>
</tr>
</tbody>
</table>

Please let me know if you have any solution to this problem!

[Martini4a]

Hey @vhR1 

Can you please try this code and let me know the results. 

<style>
.tg{border-collapse:collapse;border-spacing:0}.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal}.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal}.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
  <thead>
    <tr>
      <th class="tg-0pky">THC</th>
      <th class="tg-c3ow">14%</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="tg-0pky">CBD</td>
      <td class="tg-c3ow">2%</td>
    </tr>
    <tr>
      <td class="tg-0pky">GROWING</td>
      <td class="tg-c3ow">AUTOFLOWERING</td>
    </tr>
    <tr>
      <td class="tg-0pky">GENETICS</td>
      <td class="tg-c3ow">30% SATIVA 70% INDICA</td>
    </tr>
    <tr>
      <td class="tg-0pky">TASTE</td>
      <td class="tg-c3ow">SPICY-FRUIT-CHILLI</td>
    </tr>
  </tbody>
</table>

[vhR1]

Hello, the issue stays the same..

that's what's the whole code ends up looking like <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
</svg>
<style>
.tg{border-collapse:collapse;border-spacing:0}.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal}.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal}.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
<tr>
<th class="tg-0pky">THC</th>
<th class="tg-c3ow">14%</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0pky">CBD</td>
<td class="tg-c3ow">2%</td>
</tr>
<tr>
<td class="tg-0pky">GROWING</td>
<td class="tg-c3ow">AUTOFLOWERING</td>
</tr>
<tr>
<td class="tg-0pky">GENETICS</td>
<td class="tg-c3ow">30% SATIVA 70% INDICA</td>
</tr>
<tr>
<td class="tg-0pky">TASTE</td>
<td class="tg-c3ow">SPICY-FRUIT-CHILLI</td>
</tr>
</tbody>
</table>