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.
- some question text. may long or short. text box should text box1
- question 2 text text box2
- question3 text arbitrary text text box3
thansk chintan
Comments
Post a Comment