СЫЫ поддайся мне...
Страницы: 1
СЫЫ поддайся мне..., прошу подсказать или высказать свои идеи
Взгляните на картинку.
Вид формируется следующим образом:


Код
<a class="tagfooterstyle" href="/search/Юрий Антонов">Юрий Антонов</a>

Код
.tagfooterstyle {
    font-weight: bold;
    box-shadow: 0px 0px 5px rgb(71, 71, 71);
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    white-space: nowrap;
    margin-right: 5px;
}
Чтобы сделать небольшой зазор между перечислением казалось бы можно сделать только margin-bottom: число px
Однако когда делаешь таким образом ничего не меняется. Почему? margin-right: и left прекрасно работают.
Вся сложность в том, что выставляется white-space: nowrap; - который автоматом спускает элемент, если не влазит в строку.
Прошу подсказать!!!
1.JPG (16.36 КБ) [ Скачать ]
Не подписываюсь на темы, так что не слежу за вопросами, которые вы оставляете в топике после меня. Если нужно получить ответ, пишите в ЛС с указанием ссылки на мой комментарий.
Код
.tagfooterstyle {
    font-weight: bold;
    box-shadow: 0px 0px 5px rgb(71, 71, 71);
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    white-space: nowrap;
    margin-right: 5px; 
    display:inline-block; 
    *display:inline; 
    zoom:1; 
    margin-bottom:10px;
} 

Может так? smile:confused:
Код
.tagfooterstyle {
    text-align:center;
}

.tagfooterstyle a {
    font-weight:bold;
    box-shadow:0px 0px 5px rgb(71, 71, 71);
    border-radius:5px;
    padding:5px;
    white-space:nowrap;
    margin-right:5px;
    display:inline-block; 
    *display:inline; 
    zoom:1; 
    margin-bottom:10px;
} 

Код
<div class="tagfooterstyle">  
<a href="/search/Юрий Антонов">Юрий Антонов</a>
<a href="/search/Юрий Антонов">Юрий Антонов</a>
<a href="/search/Юрий Антонов">Юрий Антонов</a>
<a href="/search/Юрий Антонов">Юрий Антонов</a>
</div>
 
Для строчных элементов margin по вертикали сбрасывается.
 display:inline-block; + position: relative; + bottom или top
Спасибо всем. Получилось.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
13:12 Покупные ссылки 
12:57 Rotapost прикрыли! Чем пользоваться? 
17:00 Стоит ли добавлять сайт в Rambler топ 100? 
15:12 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 
15:01 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
07:24 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
12:05 DLE не создает бэкап с админки сайта, как быть? 
11:11 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
10:44 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 
10:16 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 
09:23 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin 
04:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
00:42 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 
23:42 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 
22:59 Про мясо 
15:07 Добро пожаловать в цифровой мир... 
22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях​ 
10:10 накрутка трафика в SimilarWeb 
16:50 Компьютерная мышь 
22:11 С юмором по жизни! 
23:03 Точные прогнозы на футбол