Versions Compared

Old Version 5

changes.mady.by.user Anastasia Cheetham

Saved on

compared with

New Version Current

changes.mady.by.user Michelle D'Souza

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Keep button text separate from button images

If you're using a background image to make a <div> look like a button, place the text in the <div>, not in the image.

CSS

HTML

Code Block
.update-button {
    background-image: url('images/button-bg.png');
    background-size: contain;
}
Code Block
html
html
<div class="update-button">Update</div>