html - Force a textarea to be on the same line with other elements -


i have webpage following layout:

text             radio button     radio button     button 

i want add textarea on same line elements, like:

text            ********** radio button    *textarea* radio button    ********** button          ********** 

(the asterixes mark place occupied textarea)

but ends being under elements:

text             radio button     radio button     button           ********** *textarea* ********** ********** 

what css styling should apply resolve problem?

you need float content or use inline-block option

here exemple of want:http://jsfiddle.net/udlzf/3/

css

#first, #second{     float:left; } ul { list-style-type: none; } 

html

  <div>         <ul id="first">             <li>text </li>                  <li>radio button  </li>              <li>radio button  </li>              <li>button </li>                  </ul>         <ul id="second">             <li>**********</li>                <li>*textarea*</li>              <li>**********</li>              <li>**********</li>                  </ul>      </div> 

Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -