I'm trying to align my newsletter text box with the above text and I'm not succeeding, can you help me ??
The site in question is this 41jeep.com/OC2
Hello,
Try margin-left: 0;
for your div .newsletter_block .form-control
in css.
You should 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 margin left.
This problem happened because you're using margin-left: 10px by default for all text inputs.
I hope to help.
I'll answer because the problem is simple, but please get used to always an example, minimal, complete and verifiable and not just point the link to your site.
All inputs[type="text"]
are left margin of 5 pixels.
You can work around this by creating a new class with margin-left: 0
and applying this class to your input.