title: How to display two SVG images on the same line in Jupyter notebook
body: <p>I need to display a few svgs in the Jupyter notebook. I use the following <a href="https://python-chess.readthedocs.io/en/latest/svg.html" rel="nofollow noreferrer">library to get svgs</a>.</p>
  
  <pre><code>import chess
  from IPython.display import display
  display(chess.Piece.from_symbol("R")), display(chess.Piece.from_symbol("P"))
  </code></pre>
  
  <p>and get something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/RqAD6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RqAD6.png" alt="enter image description here"></a></p>
  
  <p>The problem is that both pieces are on the different lines. I need all of them to be on the same line. I also tried to group them together in html-string <code>&lt;div style="display: inline"&gt;one_piece&lt;/div&gt;&lt;div style="display: inline"&gt;other_piece&lt;/div&gt;</code> but this has not improved it.</p>
  
  <p>Any way to place both svgs on the same line?</p>