title: How can I place two images side-by-side with Asciidoctor?
body: <p>I'm trying to place two images side-by-side, and ideally center the whole block in an Asciidoctor project. The code below works in the HTML5 output, but stacks the images when rendered to a PDF.</p>
  
  <pre><code>[.clearfix]
  --
  [.left]
  .Title1
  image::chapter3/images/foo.png[Foo, 450, scaledwidth="75%"]
  [.left]
  .Title2
  image::chapter3/images/bar.png[Bar, 450, scaledwidth="75%"]
  --
  </code></pre>
  
  <p>Is it possible to 1) render side-by-side images in a PDF and 2) center the block of images? If it's possible to specify the space between them, that would be great too.</p>
  
  <p>Thanks,</p>
  
  <p>Matt</p>