2 champs/labels d'un formulaire dans la même ligne/row CSS

English
1

hello the brevo form doesn’t let me have 2 labels in the same row. Can you help me ?

here it is:

@font-face { font-display: block; font-family: Roboto; src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff") } @font-face { font-display: fallback; font-family: Roboto; font-weight: 600; src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff") } @font-face { font-display: fallback; font-family: Roboto; font-weight: 700; src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff") } #sib-container input:-ms-input-placeholder { text-align: left; font-family: Futura, sans-serif; color: #c0ccda; } #sib-container input::placeholder { text-align: left; font-family: Futura, sans-serif; color: #c0ccda; } #sib-container textarea::placeholder { text-align: left; font-family: Futura, sans-serif; color: #c0ccda; } #sib-container a { text-decoration: underline; color: #2BB2FC; }
Your subscription could not be saved. Please try again.
Thank you. Your subscription has been successful.
First Name 
            <div class="entry__field">
              <input class="input " maxlength="200" type="text" id="FIRSTNAME" name="FIRSTNAME" autocomplete="off" data-required="true" required />
            </div>
          </div>

          <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
          </label>
        </div>
      </div>
    </div>
    <div style="padding: 0px 0;">
      <div class="sib-input sib-form-block">
        <div class="form__entry entry_block">
          <div class="form__label-row form__label-row--horizontal">
            <label class="entry__label" style="font-weight: 500; text-align:left; font-size:16px; text-align:left; font-family:&quot;Lucida Grande&quot;, sans-serif; color:#3c4858;" for="LASTNAME">Last Name</label>

            <div class="entry__field">
              <input class="input " maxlength="200" type="text" id="LASTNAME" name="LASTNAME" autocomplete="off" />
            </div>
          </div>

          <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
          </label>
        </div>
      </div>
    </div>
    <div style="padding: 0px 0;">
      <div class="sib-input sib-form-block">
        <div class="form__entry entry_block">
          <div class="form__label-row form__label-row--horizontal">
            <label class="entry__label" style="font-weight: 500; text-align:left; font-size:16px; text-align:left; font-family:&quot;Lucida Grande&quot;, sans-serif; color:#3c4858;" for="EMAIL" data-required="*">Email</label>

            <div class="entry__field">
              <input class="input " type="text" id="EMAIL" name="EMAIL" autocomplete="off" data-required="true" required />
            </div>
          </div>

          <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
          </label>
        </div>
      </div>
    </div>
    <div style="padding: 0px 0;">
      <div class="sib-checkbox-group sib-form-block" data-required="true">
        <div class="form__entry entry_mcq">
          <div class="form__label-row form__label-row--horizontal">
            <label class="entry__label" style="font-weight: 500; text-align:left; font-size:16px; text-align:left; font-family:&quot;Lucida Grande&quot;, sans-serif; color:#3c4858;" data-required="*">Choose your subscriptions</label>
            <div style="">
              <div class="entry__choice">
                <label class="checkbox__label">
                  <input type="checkbox" class="input_replaced" name="lists_32[]" data-value="Defense" value="24" data-required="true" />
                  <span class="checkbox checkbox_tick_positive"
            style="margin-left:"
            ></span><span style="font-size:16px; text-align:left; font-family:&quot;Lucida Grande&quot;, sans-serif; color:#3C4858; background-color:transparent;">Defense</span> </label>
              </div>
              <div class="entry__choice">
                <label class="checkbox__label">
                  <input type="checkbox" class="input_replaced" name="lists_32[]" data-value="Geospatial" value="23" data-required="true" />
                  <span class="checkbox checkbox_tick_positive"
            style="margin-left:"
            ></span><span style="font-size:16px; text-align:left; font-family:&quot;Lucida Grande&quot;, sans-serif; color:#3C4858; background-color:transparent;">Geospatial</span> </label>
              </div>
              <div class="entry__choice">
                <label class="checkbox__label">
                  <input type="checkbox" class="input_replaced" name="lists_32[]" data-value="Vehicles" value="25" data-required="true" />
                  <span class="checkbox checkbox_tick_positive"
            style="margin-left:"
            ></span><span style="font-size:16px; text-align:left; font-family:&quot;Lucida Grande&quot;, sans-serif; color:#3C4858; background-color:transparent;">Vehicles</span> </label>
              </div>
            </div>
          </div>
          <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
          </label>
        </div>
      </div>
    </div>
    <div style="padding: 8px 0;">
      <div class="sib-form-block" style="text-align: center">
        <button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:center; font-family:&quot;Lucida Grande&quot;, sans-serif; color:#FFFFFF; background-color:#c60c30; border-radius:3px; border-width:0px;" form="sib-form" type="submit">
          <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512">
            <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" />
          </svg>
          Subscribe
        </button>
      </div>
    </div>
    <div style="padding: 0px 0;">
      <div class="g-recaptcha-v3" data-sitekey="6Lcg_mMqAAAAAKtiE651ZRh4FPWMEWx4YbPpNu7X" style="display: none"></div>
    </div>

    <input type="text" name="email_address_check" value="" class="input--hidden">
    <input type="hidden" name="locale" value="en">
  </form>
</div>
2

Hi @Ricardo , thanks for posting on this community.

Can you confirm that when you put the two rows not next to another but one on top of the other, it works? Asking to be sure the problem is coming from the way you display the elements.

Thanks!