You are viewing limited content. For full access, please sign in.

Question

Question

Field following a display: inline-block; not aligning properly

asked on September 5, 2019 Show version history

Often times on the field following a set of fields that are "display: inline-block;", the label is in the center of the form and the input is on the next line.

As seen here, the Type (#q73) and Number (#q24) are set to display inline-block.  The Email is the next field on the form.  How do I force the Email field to start on the left rather than in the center and wrap to the next line?

#q73, #q24 {
  float: left;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
#q73 {
  width: 50%!important;
}
#q73 .cf-field {
  width: 40%!important;
}
#q73 .cf-label {
  width: 59%!important;
  vertical-align: middle!important;
}
#q73 .cf-helptext {
  font-weight: bold!important;
  font-size:14px;
}
#q24 {
  width: 40%!important;
}
#q24 .cf-field {
  width: 70%!important;
}
#q24 .cf-label {
  width: 29%!important;
  vertical-align: middle!important;
}
#q24 .cf-helptext {
  font-weight: bold!important;
  font-size:14px;
}

 

0 0

Answer

SELECTED ANSWER
replied on September 5, 2019

Ok, for anyone else fighting this, here is how I solved it and #q25 is the email field

#q25 {
  display: inline-block;
  width: 99%!important;
}

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.