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

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

php - joomla get content in onBeforeCompileHead function -