html - 文本和图像对齐

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;

这样，

• 将保留新行
• 将保留空格和制表符
• 文本不会换行