Question

Whenever I stick TextArea inside ‘li’ tag in ordered list, the number for that ‘li’ appears next to bottom-left corner of the TextArea instead of top-left. Is there any fix? Can’t seem to find it anywhere on the net…

Example:

<ol>
    <li>Coffee</li>
    <li>
        <TextArea></TextArea>
    </li>
    <li>Milk</li>
</ol>

Will output something like:

Thanks for help… I seriously don’t have nerve to css^^

Answer 1

textarea {
 vertical-align: top;
}

jsFiddle Example