JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/6890476/how-can-i-prevent-a-button-shrinking-to-the-size-of-its-content

by tw16

HTML

<div class="container">
    <span>This is a span</span>
    <button>This is a button</button>
</div>

CSS

.container {
    border: 1px solid black;
    padding: 5px;
}
span, button {
    display: block;
    padding: 4px;
    border: 1px solid black;
    background: #c0c0c0;
    font: inherit;
}
button{
    width:100%;
    margin-top: 5px;
    text-align: left;
}