I have created a rectangular button (200x70) that has an image background, which I have used the following css to position at the left of the button:
:host {
background:url(\Images\instrumentImages\Orchestral_Brass_Horns_Ensemble_Legato.PNG);
background-repeat: no-repeat;
background-size: 80px 80px;
background-position: left center;
border-radius:3px;
background-size:30%;
vertical-align: top;
}
//this bit I want to change to put the label to the right of the button.
label {
align-items: flex-end;
}
I want to put a label on the right of the button in the space that is not filled by the image?
I’ve tried the various css bits that I can find but it always puts the label aligned to the middle of the button.
Is there any way I can justify the text to the right?
Edit: Sorry - for some reason it only posted half my post!