Блог

У меня есть несколько строк текста и ссылок. У меня есть образ. Я бы хотел, чтобы текст был слева, а изображение-справа, но рядом с текстом.

Я использовал гибкие блоки, чтобы выровнять все по центру, но из-за этого строки текста располагались рядом друг с другом, а не одна под другой, что бесполезно.

Как вы, вероятно, можете сказать, я новичок в этом, поэтому, пожалуйста, сформулируйте все просто, особенно в отношении CSS.

Если вы заключите все свои текстовые строки в один контейнер , такой как a <div> , они больше не будут располагаться рядом друг с другом. Это связано с тем, что теперь flexbox обрабатывает ваш текст в целом, а не каждую строку по отдельности. Например, измените это:

   <p>Line one</p>
  <br />
  <p>Line two</p>
 

к этому:

 <div>
  <p>Line one</p>
  <br />
  <p>Line two</p>
</div>