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 :


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

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.

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

1 Like

Thank you for the answer !