將文本和圖像向右跨度，但它們都向左對齊

Question

這是我正在嘗試做的事情：

只是一個簡單的對齊方式，但是如果我將圖像向右浮動，如果我先放置文本，它就會轉到另一邊

https://jsfiddle.net/3gc0qjzo/

<span>
      <img src="img"/>
      <p>Learn More<p>
</span>

span img {
  float: right;
}
span p {
  display: block;
}

如果我先放圖片，再放文字，然后做一個float:left; 它可以找到，但我不確定如果圖像最后顯示如何對齊它們。

Answer 1

你可以使用彈性

   span{
     display:flex;
     flex-direction:row;
     align-items:center; 
   }