Is there a way to put 2 different images on the same "line", so, side-by side?
I know there is the :align:
option, but if I put two images, the first with :align: left
and the second with :align: right
it doesn't work, because the latter is put in another paragraph.
Approach: First, create the <div> tag as mentioned in the previous example and insert multiple images inside a common <div> tag so that all the images have a separate <div> tag and a class name.
We use <img> align attribute to align the image. It is an inline element. Attribute Values: left: It is used for the alignment of image to the left.
I used substitution definitions:
|pic1| any text |pic2| .. |pic1| image:: img1.png :width: 45% .. |pic2| image:: img2.png :width: 45%
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With