Appearance

.buttonstyle { appearance: button; -webkit-appearance: button; -moz-appearance: button;} 


div.container { margin: 100px auto; width:600px; border: 10px solid black;outline:5px solid red; outline-offset:42px; } 
div.box { box-sizing:border-box; -moz-box-sizing: border-box;  -webkit-box-sizing:border-box; width: 50%; border: 10px solid #820000; float: left; } 


#resizehoriz {resize: horizontal;} 
#resizevert {resize: vertical;} 
#resizeboth {resize: both;} 
textarea {display: block;}

This looks like a button

This container has an outline of 5px that is offset by 42px.

This content will be in the left side of the container div.

This content will be in the right side of the container div.

You can resize this only horizontally.

You can resize this only vertically.

You can resize this both horizontally and vertically.