asp.net - stack controls on mobile view -


viewing desktop label , 2 textbox controls aligned horizontally. when user views site on mobile textboxes stack on top of each other. using media query adjust mobile view. other lines stack fine (with textbox under label) problem address have 2 textboxes, 1 on each line. suggestions? questions let me know thanks

current css

.row { clear: none; width: 100%; overflow: hidden; margin: 5px 0; }  .label { float: left; text-align: right; margin-right: 10px; width: 130px;}  .value { float: left; text-align: left;}  

html

<div class="row">      <div class="label">              <asp:label id="lblsiteaddress" runat="server" text="site address"></asp:label>      </div>      <div id="value">              <asp:textbox id="txtsiteaddress" runat="server" width="192px" height="22px"></asp:textbox>             <asp:textbox id="txtsiteaddress2" runat="server" width="192px" height="22px"></asp:textbox>![enter image description here][1]      </div>  </div >  

try this:

.value input[type='text'] {     display: block;     clear: both;     /* additional style here */ } 

Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -