Googleマップとお問い合わせフォーム7アライメント

Question

私は、Googleマップをワードプレスの連絡先フォーム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

あなたはこのようにフレックスを使用してみてください可能性があります

<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>