I have a table where in head row there are 2 textareas and 2 buttons.
http://jsfiddle.net/8qzmxwa9/1/
I use margin: 0 auto;
style='white-space:nowrap;'
on elements to make them be in one line. But as you can see at fiddle they are a little bit uneven. How can I make them stay in one line.
textarea
{
text-align: center;
height: 35px;
width: 280px;
margin: 0 auto;
font-size: 27px;
vertical-align: bottom;
}