div在代码中未对齐

Question

Atm我试图用我的代码解决一些麻烦的事情。我想在网站的左侧放置图片。在右侧，我希望显示一些文本，这些文本位于左侧的中心，但仍与左侧对齐。我有点知道它可以工作，但是现在我遇到了一个问题，我的网站上的代码div未对齐，这意味着...您可以在链接中看到（显然没有边框，仅用于说明）

https://codepen.io/JessenJonas/pen/mjmVJd

重点是，右边的文本必须在垂直和水平方向上居中。但是正如您所看到的，它在两种方式中都居中对齐，只是未对齐。我该如何解决？

Code  code code
why do I have to make
4 spaces of code
just to link a codepen??

Answer 1

一个非常简单的解决方案是将style="vertical-align:middle"放在图像元素中，这样您就可以得到：

<img src="https://www.catster.com/wp-content/uploads/2017/08/A-fluffy-cat-looking-funny-surprised-or-concerned.jpg" alt="cat" style="vertical-align:middle">

Demo