Добро пожаловать на Pawno-Info.Ru - Портал о программировании №1

Присоединяйтесь к нам сейчас, чтобы получить доступ ко всем нашим функциям. После регистрации и входа в систему вы сможете создавать темы, публиковать ответы в существующих темах, давать репутацию своим коллегам, получать собственный личный мессенджер и многое другое. Это также быстро и совершенно бесплатно, так чего же вы ждете?

Маппинг для сервера

Если вы хотите обновить Ваш сервер новыми доработками - то зайдите в наш раздел. Большой выбор готовых решений от наших пользователей

Моды для сервера

Огромный выбор различных модификаций для Вашего сервера. пролистайте эти темы! Возможно именно там Вы найдете то, что искали уже давно.

Модификации SA

Хотите разнообразить свою игру в San Andrease? Смелее в наш раздел. Отличный сборник готовых решений. Играйте с удовольствием

CSS Помощь с переносом

Troy Lewis

Участник форума
Пользователь
Регистрация
22 Янв 2018
Сообщения
199
Лучшие ответы
0
Реакции
1
Возраст
21
Добрый день! Нуждаюсь в Вашей помощи, в общем: не могу перенести строки
"Адрес: "адрес"" и "Позвони и закажи дизайн у нас!" под тексты выше.

Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!


Коды:

HTML:

Код:
                  <div class="location">
                      <img src="assets/img/location.png" width="28" alt="">
                      <h2>г. Город</h2>
                      <h3>Адрес: "адрес"</h3>
                  </div>
                  <div class="order">
                      <img src="assets/img/phone.png" width="28" alt="">
                      <h2>+7 (777) 777-77-77</h2>
                      <h3>Позвони и закажи дизайн у нас!</h3>
                  </div>
              </div>
CSS:

Код:
.location, .order {
    font-size: 11px;
    display: inline-flex;
}

.location h2, .order h2 {
    font: 400 14px/16px GothamPro-Black, sans-serif;
    margin: 0 12px;
}

.location h3, .order h3 {
    font: 400 14px/16px Gotham Pro, sans-serif;
    color: #bdc3c7;
}
 

PaddingtonBaby

Интересующийся
Пользователь
Регистрация
26 Апр 2020
Сообщения
20
Лучшие ответы
0
Реакции
4
К чему ссылка выше - не понял. Я думаю, что здесь поможет display: flex;, засовывайте h2,h3 в один блок и располагайте, как удобно. Пока пробуйте самостоятельно, если не выйдет - отправляю решение.

upd 1 min later : oops, извиняюсь :D
Не открыл ссылку и быканул. Решение выше.
 

Tomka

Специалист
Пользователь
Регистрация
26 Мар 2015
Сообщения
547
Лучшие ответы
0
Реакции
98
Адрес
Shefer Studio
Солидарен с человеком выше. Картинка будет и блок в котором h2 и h3
Дальше для location и order - прописываем display: flex; align-items: center;
 

Python

• Зарегистрированный •
Регистрация
6 Янв 2021
Сообщения
4
Лучшие ответы
0
Реакции
1
Адрес
Кострома
Может попробовать одну такую вещь, которая предусмотрена самой разметкой


HTML:
<div class="location">
    <img src="assets/img/location.png" width="28" alt="">
    <h2>г. Город</h2><br>
    <h3>Адрес: "адрес"</h3>
</div>

Например так
 

OKStyle

Адвокат по делам семейным
Команда форума
Chief Super Moderator
Регистрация
4 Мар 2011
Сообщения
5,211
Лучшие ответы
58
Реакции
1,402
Возраст
32
Адрес
Оренбург
  • Помощник
  • Pawn-разработчик
  • Писатель
  • Победитель
  • OLD
  • Спасибо от администрации
Вообще всё проще: у картинки прописать:
PHP:
align=“absmiddle”
 
shape1
shape2
shape3
shape4
shape7
shape8
Сверху Снизу