html - Responsive design positioning spans -
i have 2 spans inline-block display, in responsive mode (for resolution lower 768x1024) need position 1 on top of other set display block wrong 1 on top how can make second span go on top?
thanks
see if variation helps: http://jsfiddle.net/panchroma/rlskl/
the important bits flipped order of 2 divs in html used css manage layout
css
/* pull first div right , second left desktop views */ #logincontent{ width:330px; float:right; } #attensions{ width:330px; float:left; } .lgnbtn{ clear:both; } /* tablets , smartphones, remove floats above */ @media (max-width: 790px){ #logincontent{ width:100%; float:inherit; } #attensions{ width:100% float:inherit; } }
hope helps!
Comments
Post a Comment