Формы ниндзя - Выровняйте текстовую область и кнопку отправки

Question

Я просто разместил на своем веб-сайте простую форму подписки по электронной почте, используя плагин Ninja Forms Wordpress. Кнопка отправки находится под текстовой областью. Как сделать так, чтобы кнопка "Отправить" была выровнена по правому краю текстовой области?

<div class="email-form-wrap">

<?php if( function_exists( 'ninja_forms_display_form' ) ){ ninja_forms_display_form( 22 ); } ?>

</div>

Класс для textarea - "email-text-area"

Класс для кнопки отправки - 'email-sub'

Answer 1

Сначала вам нужно указать несколько классов для ваших полей - http://prntscr.com/bdalyh Затем добавьте несколько стилей:

.subscribe__email-wrap{
  float:left;
  width:calc(100% - 100px);
}

.subscribe__submit-wrap{
  float:right;
  width:100px;
}

обратите внимание, что вы должны добавить -wrap в конце концов, к стилю field contaienr, а не к полю напрямую. В конце вам нужно добавить несколько стилей clearfix в вашу форму:

.ninja-forms-all-fields-wrap:after{
  content:'';
  display:table;
  clear:both;
}