create a divider class as follows:
.divider{
width:5px;
height:auto;
display:inline-block;
}
Then attach this to a div between the two buttons
This is the best way as it avoids the box model, which can be a pain on older browsers, and doesn’t add any extra characters that would be picked up by a screen reader, so it is better for readability.
It’s good to have a number of these types of divs for certain scenarios (my most used one is vert5spacer, similar to this but puts a block div with height 5 and width auto for spacing out items in a form etc.
Add a space between them (or more depending on your preference)