<div>
	<p id="one">Це просто текст із картинкою: <img src="https://mdn.mozillademos.org/files/15189/star.png" alt="star" height="17px" width="17px"></p>
	<p id="two">Це просто текст із картинкою: <img src="https://mdn.mozillademos.org/files/15189/star.png" alt="star" height="17px" width="17px"></p>
	<p id="three">Це просто текст із картинкою: <img src="https://mdn.mozillademos.org/files/15189/star.png" alt="star" height="17px" width="17px"></p>
</div>
body {
  font-size: 17px;
  font-family: monospace;
  color: #222;
  padding: 36px;
}

p {
  background-color: #f1f1f1;
  padding: 16px;
  text-decoration: underline overline;
}

#one img {
  vertical-align: baseline;
}

#two img {
  vertical-align: bottom;
}

#three img {
  vertical-align: middle;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.