Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Plot position with CSS

The question may not be specific to plotly but I do not know how to place my plots as I wish.
I have three plots and I am trying to adjust their position by using CSS but it does not work as you can see in the jsfiddle.

I would like my plots position like below :

plot1
…plot3
plot2

How can I adjust it with plot3 height covering plot1 and plot2 height.

https://jsfiddle.net/3usfa3ad/1

position:relative
If you specify position:relative, then you can use top or bottom, and left or right to move the element relative to where it would normally occur in the document.

position:absolute
When you specify position:absolute, the element is removed from the document and placed exactly where you tell it to go.

see examples and more at Learn More at ammanu
http://www.ammanu.edu.jo/Learn/Learn1.html

1 Like

Thank you for the answer !