How do I only apply css to text inside a button?
Solution 1:
You need to target the SVG and float it to the left
svg {
width: 20px;
height: 20px;
float: left;
}
button {
line-height:20px;
}
<button class="jumpButton">"Click me" <svg class="arrowsvg"><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10" aria-hidden="true"></path><svg><button>