Revue e-mail form kutuları yan yan koyma

Merhaba arkadaşlar aşağıda yer alan Revue e-posta bülten aboneliği kutularının alt alta değil de yan yana koymak istiyorum. Nasıl yapabilirim? Teşekkürler.

<div id="revue-embed">
  <form action="https://www.getrevue.co/profile/teknotr/add_subscriber" method="post" id="revue-form" name="revue-form"  target="_blank">
  <div class="revue-form-group">
    <label for="member_email">Email address</label>
    <input class="revue-form-field" placeholder="Your email address..." type="email" name="member[email]" id="member_email">
  </div>
  <div class="revue-form-group">
    <label for="member_first_name">First name <span class="optional">(Optional)</span></label>
    <input class="revue-form-field" placeholder="First name... (Optional)" type="text" name="member[first_name]" id="member_first_name">
  </div>
  <div class="revue-form-group">
    <label for="member_last_name">Last name <span class="optional">(Optional)</span></label>
    <input class="revue-form-field" placeholder="Last name... (Optional)" type="text" name="member[last_name]" id="member_last_name">
  </div>
  <div class="revue-form-actions">
    <input type="submit" value="Subscribe" name="member[subscribe]" id="member_submit">
  </div>
  <div class="revue-form-footer">By subscribing, you agree with Revue’s <a target="_blank" href="https://www.getrevue.co/terms">Terms of Service</a> and <a target="_blank" href="https://www.getrevue.co/privacy">Privacy Policy</a>.</div>
  </form>
</div>

#revue-embed > form {
display:flex;
}

Yukarıdaki kod ile revue-form-group class ına sahip elemanlar yanyana dizilir. Daha fazla yardım için sitenizi özelden paylaşabilirsiniz.

@salimsevindik; html-css bilgisiyle sorunu hızlıca çözdü. İşini bilen birisi. Teşekkürler.