Add text to image button

Question

I am creating an image button and that works but I am unable to add text to it. I want the text to be from left to right in the button. I am adding the text inside the value but there is nothing shown. What am I doing wrong?

<input type="image" class="button submit" src="WhiteButton.svg" alt="submit" value="Add to favorites" />

"I am creating an image button": then why are you using an `` element?? — 0stone0, Sep 06 '22 at 15:52
Isn't an image button done using input? That is what I have learnt from tutorials — Vika, Sep 06 '22 at 15:52
Does this answer your question? [Making an image act like a button](https://stackoverflow.com/questions/16131988/making-an-image-act-like-a-button) — 0stone0, Sep 06 '22 at 15:54

score 2 · Accepted Answer · answered Sep 06 '22 at 15:52

2

button.one { background-image:url(https://picsum.photos/200/150);
             font-weight: 900; color:white;
             width:200px; height:150px}

<button class="one">SOME TEXT</button>

answered Sep 06 '22 at 15:52

Carsten Massmann

26,510
2
22
43

Add text to image button

1 Answers1