<div class="container">
  <span>Хочется пить?</span>
  <i class="material-icons">pan_tool</i>
  <img src='https://images.unsplash.com/photo-1506353219544-65860ffc5f41?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ' alt=''>
</div>
/* Стили, относящиеся к этому примеру */
span, i, img {
  vertical-align: middle;
}


/* Остальные стили */
.container {
  text-align: center;
  background: #FFEB3B;
  padding: 24px;
  resize: horizontal;
  overflow: auto;
  color: rgba(0,0,0,.8);
  white-space: nowrap;
}

span {
  font: 30px Roboto;
  margin-right: 24px;
}

i {
  font-size: 60px !important;
  transform: rotate(90deg);
  margin-right: 24px; 
}

img {
  border-radius: 24px;
}

External CSS

  1. https://fonts.googleapis.com/css2?family=Roboto:wght@100&amp;display=swap
  2. https://fonts.googleapis.com/icon?family=Material+Icons

External JavaScript

This Pen doesn't use any external JavaScript resources.