Align DIV of type=text

Question

I’m trying to align my newsletter text box with the top text and I’m not getting it, I wonder if you can help me??

The site in question is this 41jeep.com/OC2

Answer 1

I’ll answer because the problem is simple, but please get used to at all times create an example, minimum, complete and verifiable and not just point the link to your website.

---

All the inputs[type="text"] are in left margin of 5 pixels.

You can solve this by creating a new class with margin-left: 0 and apply this class to your input.

Answer 2

Hello, Try the margin-left: 0; for your div .newsletter_block .form-control in css.

You must have something at the end like:

.newsletter_block .form-control {
    background: #363636;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    color: #949595;
    height: 36px;
    border: none;
    margin-left: 0;
}

However, if this margin is important, you can add a new class, for example: no-margin-left and say in css that this particular class has no left margin.

This problem happened because you are using margin-left: 10px by default for all text inputs.

I hope to help.