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
Post a Comment