set margin around adjacent buttons code example

Example 1: space between buttons css

<style>
/* Added to highlight spacing */
.is-grouped {   
    display: inline-block;
    background-color: yellow;
}

.is-grouped > .button:not(:last-child) {
    margin-right: 10px;
}
</style>

Spacing shown in yellow<br><br>

<div class='is-grouped'>
    <button class='button'>Save</button>
    <button class='button'>Save As...</button>
    <button class='button'>Delete</button>
</div>

Example 2: how to space out buttons css

.yourClass{margin-left:100px;}

Tags:

Html Example