将图像旁边的文本居中

Question

如何在引导列中居中文本，同时左对齐，如下图所示？

Answer 1

使用以下样式将图像垂直居中。

运行以下示例以获得期望结果

  <style>
          .centerimage{
            display: flex;
    justify-content: center;
    align-items: center;
}
      </style>
        <div class="container">
            <div class="row">

                <div class="col-md-6 ">
                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt ad, iste molestias esse modi fugit explicabo officiis mollitia amet quos eaque non praesentium nisi a blanditiis, debitis quae. Eveniet, nesciunt.</p>
                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt ad, iste molestias esse modi fugit explicabo officiis mollitia amet quos eaque non praesentium nisi a blanditiis, debitis quae. Eveniet, nesciunt.</p>
                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt ad, iste molestias esse modi fugit explicabo officiis mollitia amet quos eaque non praesentium nisi a blanditiis, debitis quae. Eveniet, nesciunt.</p>
                </div>
                <div class="col-md-6 centerimage">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Stack_Overflow_logo.svg/1280px-Stack_Overflow_logo.svg.png" alt="image in center" width="250px">
                </div>
            </div>
        </div>