title: table with images of same relative size in github markdown
body: <p>In GitHub's markdown, I have a table with one row and two columns, each containing an <code>&lt;img/&gt;</code>. Without any <code>width</code> specification, the right of the two images is far larger than the left.</p>
  <p><a href="https://i.stack.imgur.com/tAGTQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tAGTQ.png" alt="enter image description here" /></a></p>
  <p>I would like to make sure the two images have the same width, but I don't want to specify the absolute size to avoid display issues on small screens.
  I'd love</p>
  <pre class="lang-markdown prettyprint-override"><code>&lt;img src=&quot;img1.png&quot; width=&quot;45%&quot;/&gt; | &lt;img src=&quot;img2.png&quot; width=&quot;45%&quot;/&gt;                                                          
  :----:|:----:|                                                                        
  </code></pre>
  <p>but apparently the <code>45%</code> is now relative to the width of the <em>column</em>, not the page.</p>
  <p><a href="https://i.stack.imgur.com/kEy5J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kEy5J.png" alt="n" /></a></p>
  <p>Any hints?</p>