css - how to align span with textbox in html list elements? -


i have list of questions , each question have text box aligned @ right corner of page. using html list display question , each list element has span css class, works fine when browser page 75 % zoom. if increase/decrease zoom size, span element floating across page.

this have currently

.listright {     position: absolute;      right: 28.5em; }  <ol style="padding-left:10px">             <li>some question text. may long or short. text box should displayed properly.                     <span class="listright">                         <input type="text" name="text1" id="text1" dir="rtl"                         value="7" class                         aria-required="true" maxlength="4" style="width:4em;float:right;"/>                     </span>             </li>             <li> question 2 text. actual text displayed dummy text.                      <span class="listright">                         <input type="text" name="text2" id="text2" dir="rtl"                         value="7"                          aria-required="true" maxlength="4" style="width:4em;float:right;"/>                     </span>             </li> <ol> 

ideal behaviour should below.

  1. some question text. may long or short. text box should text box1
  2. question 2 text text box2
  3. question3 text arbitrary text text box3

thansk chintan


Comments

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -