Справка по макету CSS - Многострочный адрес

Question

Я пытаюсь отобразить адрес, выровненный по правому краю в нижней части моей страницы, например:

1234 south east Main St.
    Nowhere, ID 45445
        (555) 555-5555

в моей разметке у меня есть:

<address>
   1234 south east Main St.
   Nowhere, Id 45445
   (555) 555-5555
</address>

Как мне сделать так, чтобы макет правильно не вставлял
в каждую строку с помощью css?

Answer 1

эй попробуйте использовать это использовать

.address
{
white-space:pre;
text-align:right;
}

Answer 2

Вам нужно будет добавить туда дополнительные элементы, либо <br>, как вы предлагаете, либо что-то вроде:

   <address>
      <div class="street">1234 south east Main St.</div>
      <div class="state">Nowhere, Id 45445</div>
      <div class="telnum">(555) 555-5555</div>
   </address>

Answer 3

Во-первых, в этом случае хорошей практикой является присвоение идентификатора адресу. Конечно, если вы не используете другой адрес снова, это не обязательно. Тогда:

address#company_address
{
  white-space: pre;
  text-align: right;
}