Get a free trial // Grow your CSS skills // Land your dream job

fixing the user experience

  • # November 28, 2012 at 3:13 am

    Hi, everyone
    I’m facing this problem lately.
    when i re-size the browser send buttons moves to the new line. What I want to achieve is search box and button to be in the same line, with the decrease of left margin. this can be done by float: right property but if it could be achieved by margin.
    Thank you for your interest.

    # November 28, 2012 at 4:56 am

    How about this?

    Then use media queries to adjust the margin on the input button.

    # November 28, 2012 at 5:01 am

    Media Queries are your best bet here, if you are so adamant about not using


    # November 28, 2012 at 8:09 am

    @paulie: Thanq for your solution. I really wanted the result similar to float. I really appreciate your approach.
    @watson: I will use it as a last option. I’m thinking of trying another approach.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed