Posted by xcoulon on
URL: https://discuss.asciidoctor.org/Having-2-images-side-by-side-in-an-HTML-output-tp532.html

Hello,

Some WISYWIG tools allow for side-by-side images (see for example the 2 images in the "HTML5/JQuery Mobile Palette" of https://community.jboss.org/en/tools/blog/2013/07/23/jboss-tools-41-and-developer-studio-7-go-ga)

For now, I have the following asciidoc source:

image::lf.png[]
image::set.png[]

which produces the following output:

<div class="imageblock">
  <div class="content">
    <img alt="lf" src="http://localhost:4242/blog/images/lf.png"></img>
  </div>
</div>
<div class="imageblock">
  <div class="content">
    <img alt="set" src="http://localhost:4242/blog/images/set.png">
  </img>
</div>

Is there a way to have both <div class="content"> elements in the same <div class="imageblock"> parent element ?

Then, I could probably use some CSS rule to have the 2 images appear side-by-side.

Thanks
Best regards,
Xavier