I want to create a button with an internal border that doesn't affect the spacing of other elements.
When I increase the size of the button border, I need it to remain contained within the button itself.
HTML:
<div class="text1">Some text 1</div>
<button class="button">Button</button>
<div class="text2">Some text 2</div>
CSS:
.text1,
.text2,
.button {
display:inline;
}
.text1,
.text2 {
padding:2px;
border:1px solid black;
}
button {
background-image:none;
border:4px solid blue;
}