Answers for "css button spacing"

1

how to add space between buttons

<div class='myDiv'>
    <button style='margin-right:16px'>Button 1</button>
    <button style='margin-right:16px'>Button 2</button>
    <button>Button 3</button>
</div>
Posted by: Guest on September-27-2021
0

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>
Posted by: Guest on December-22-2020
1

how to space out buttons css

.yourClass{margin-left:100px;}
Posted by: Guest on May-02-2020

Browse Popular Code Answers by Language