vertically alignment of a text inside a button with an image

Question

In this CodePen you can see a with an image and text inside (). The problem is when the text got multiline. The second line

Answer 1

You can use the following solution using flexbox:

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
button {
  align-items: center;
  display: flex;
  padding: 3px;
  justify-content: center;
  width: 300px;
}
button img {
  flex-shrink: 0;
  margin-right: 10px;
}

  
  Some Text Some Text Some Text Some Text Some Text Some Text Some Text


  
  Some Text