Справка расположения CSS - Многострочный адрес

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

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

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

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

Как я могу получить это к расположению правильно, не вставляя <br/> в каждой строке с помощью CSS?

7
задан not a patch 23 November 2019 в 11:19
поделиться

3 ответа

эй попытайтесь использовать это использование это

.address
{
white-space:pre;
text-align:right;
}
12
ответ дан 6 December 2019 в 15:32
поделиться

Вы оказываетесь перед необходимостью добавлять дополнительные элементы там, также <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>
2
ответ дан 6 December 2019 в 15:32
поделиться

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

address#company_address
{
  white-space: pre;
  text-align: right;
}
0
ответ дан 6 December 2019 в 15:32
поделиться
Другие вопросы по тегам:

Похожие вопросы: