Google地圖和聯系表7對齊方式

Question

我正在嘗試將Google地圖與wordpress中的聯系表格7的右側對齊。 但是，我無法正確對齊。 當我將Google地圖漂浮在上面時，它會不斷弄亂聯系表單。

這是我想要實現的圖像。 https://imgur.com/W7hLUZG

這就是我目前得到的。

https://imgur.com/gv3qsn6

這是已使用的代碼。

 <div style="float:left;width:200px;"> [contact-form-7 id="16" title="Contact form 1"] </div> <div style="float:right;width:425px;"> [wpgmza id="1"] </div> 

任何幫助將不勝感激。

Answer 1

您可以嘗試使用flex這樣：

 <div style="display:flex;"> <div style="width:200px;"> [contact-form-7 id="16" title="Contact form 1"] </div> <div style="flex:1;"> [wpgmza id="1"] </div>