GitHub 6956★

Have you seen CSS Scan?

The fastest and easiest way to check, copy and edit CSS.

Learn more →

CSS Scan logo

Button with icon

HTML

<button class="button-with-icon">
<!-- Icon -->
...

<!-- Label -->
<div class="button-with-icon__label">...</div>
</button>

CSS

.button-with-icon {
/* Center the content */
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
}

.button-with-icon__label {
margin-left: 0.5rem;
}
Demo
Follow me on and to get more useful contents.