Having trouble integrating an HTML Pardot form into OptinMonster's floating footer option.
I'm looking to align all three fields inline, along with the button. Can anyone assist me in placing the button inline with the fields?
HTML:
<form accept-charset="UTF-8" method="post" action="http://www2.achieveit.com/l/147781/2017-05-10/253zzn" class="form" id="pardot-form">
<p class="form-field Full_Name pd-text required required-custom "> <label class="field-label" for="147781_35111pi_147781_35111">Full Name *</label> <input type="text" name="147781_35111pi_147781_35111" id="147781_35111pi_147781_35111" value="" class="text" size="30" maxlength="65535" onchange="" /> <span id="error_for_147781_35111pi_147781_35111" style="display:none"></span> </p>
<p class="form-field phone pd-text required required-custom "> <label class="field-label" for="147781_35077pi_147781_35077">Phone *</label> <input type="text" name="147781_35077pi_147781_35077" id="147781_35077pi_147781_35077" value="" class="text" size="30" maxlength="40" onchange="" />...
CSS:
html div#om-hdg1tmojgfiv0dyjbqou {
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
font-family: "Raleway", Helvetica, Arial, sans-serif;
}
form {
width: 100%;
padding: 0;
color: #fff;
overflow: hidden;
font-family: "Raleway", Helvetica, Arial, sans-serif;
text-align: center;
float: left;
}
... (CSS code continues)
Here is my work: [https://codepen.io/a_shelley/pen/ZKqZoo](https://codepen.io/a_shelley/pen/ZKqZoo)