Выровняйте изображение внутри абзаца в HTML5

Question

Ранее я использовал только align="left" img внутри p тегов, но align больше не поддерживается в HTML5.

Какой рекомендуемый способ выполнения приведенного ниже кода в HTML5?

<p>
  <img src="https://placehold.it/50x50" align="left">
  some long text
</p>

Answer 1

Вы можете использовать

p img{
  float: left;
}

Это правило будет применяться ко всем изображениям в <p>

p img{
  float: left;
}

 <p>
        <img src="https://fakeimg.pl/30x30/?text=A"/>
        some long text
    </p>