Выравнивание текста и изображения

Question

Выравнивание текста и изображения

0

У меня есть текст и изображение, которые нужно выровнять по прикрепленному изображению в HTML или CSS.

Изображение находится в следующей ссылке: http://i.stack.imgur.com/wLPFc.png

  <p>Q.1 Give the animals their names </p>
    <img src="firstq.png" id="abc" alt="profile picture" /> 

    <p>   1: LION      2:GIRAFFE   3: ELEPHANT   4: CROCODILE    5:ZEBRA    6:BEAR

              Choose from the following options
              (a)    A-6 B-4 C-3 D-2 E-5 F-1
              (b)   A-2 B-3 C-5 D-4 E-1 F-6
              (c)   A-1 B-2 C-3 D-4 E-5 F-6
              (d)   A-3 B-5 C-2 D-6 E-4 F-1
              Enter your Answer:
     </p>

sandeep007 17 апр. 2014, в 02:53

Источник

Теги:

html

css

1 ответ

Ещё вопросы

Oriol · Answer 1 · 2014-04-16T23-07-00.000Z

Легко-но-семантически-плохое решение: поскольку вы отформатировали его, используйте свойство white-space

white-space: pre;

Сюда,

Новые линии будут сохранены
Пробелы и вкладки будут сохранены
Текст не будет завернут

Итак, вы хотите, чтобы я использовал тег <pre> в html. Если да, то я использовал тег <pre>, но он не работает как положено
Я работаю с <pre> (не полностью, но все еще удовлетворен). Но я хочу узнать технически, используя CSS: D
Нет, просто стилизуйте ваш элемент <p> с помощью white-space: pre CSS white-space: pre . Например, <p style="white-space: pre"> или создайте таблицу стилей и используйте #myParagraph{white-space: pre} и <p id="myParagraph"> .