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.
    http://jsfiddle.net/prathoven/e52zT/2/
    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?

    http://jsfiddle.net/d3cCE/

    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

    float:right

    # 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.

*May or may not contain any actual "CSS" or "Tricks".