文本和图像的对齐方式

Question

我有一些文本和图像，需要根据附加的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>

Answer 1

简单但语义不好的解决方案:既然已经格式化了它，就使用white-space属性

white-space: pre;

这边请,

• 新行将被换行，制表符将被保留
• Text不会自动换行