How can I make form text fields stay vertical aligned?

HTML & CSS
1

I have tried probably 95% of what I can try and have no solution yet… Please help.

<style-type="txext/css">

.col-lg-6 {width:100%;}
</style>

    <div class="col-lg-6">          
                      <p>&nbsp;</p>    

<p>                 
               <input type="text" name="zip" id="zip" class="form-control FormInput"> 
                 
            <input type="hidden" name="city" id="hidden_city" value=""> 

            <input type="hidden" name="state" id="hidden_state" value="">
        
      </p>
</div>

Somehow and I checked all my form input css stlyes… but it makes the zip inut area about 33% of the div width. This width is not anywhere in the parent div., yet it persists.
I have used <p>, <br>, float:left, clear both, UL, nothing works

I can change the widht of the col-lg-6 to 30% and it wors but that makes everything else less in width and horrible when using a mobile device.

2

Do you have a live website? It will be helpful to get a picture of what you mean.

3

There way too much code to look into to post. It makes it harder to figure out…(like lookingi n a ocean when it is only in a harbor)

Out of all the form fields maybe 20, this is the only inut field which will not center and the only one with hidden text fields…so it makes sense.

have you ever dealt with something lieke this …hidden text fields that remain there and take up saapce and will not line break… I was thinking of a jquery to insert a line break

4

We would appreciate a link to the website and a good description of which links are not working the way you wish. Without being able to see the HTML and the CSS and how they work together, we would be guessing about solutions.

5

Next time I will post the page. It turned out to be a width% issue in the input field than something else in the monster code. I appreciate the help anyway.

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.