Размещение иконок рядом

  • Автор темы Matrix
  • Обновлено
  • 18, May 2024
  • #1
Я хочу разместить эти две иконки рядом (FB и Twitter)

Как бы мне это сделать, текущий код у меня такой, и сейчас они находятся друг над другом...

 <div class="widget-text">
 <a href="[URL='https://lumtu.com/yti/c4WW4cy9odHRwczovL2ZhY2Vib29rLmNvbS9QY9Sb']https://www.FB.com/Pans/[/URL]">
 <img alt="ФБПанАм" height="40" src="/images/img-icon-FB.png" width="40"/>
 </a>

 <a href="[URL='https://lumtu.com/yti/bUGGUbnRodHRwczovL3R3aXR0ZXIuY29tL2ludl2L']https://twitter.com/intent[/URL]">
 <img alt="ТвиттерПанАм" height="40" src="/images/img-icon-twitter.png" width="40"/>
 </a>
 </div>


Код (разметка):

Matrix


Рег
10 Feb, 2014

Тем
531

Постов
544

Баллов
3209
  • 01, Jun 2024
  • #2
Это правда. Где-то в CSS есть правило: displaylock для якорей. Должно быть: .widget-text a { display: inline-block; } или даже: .widget-text a { display: inline-block !important; }
 

Stofrodo


Рег
18 Jul, 2010

Тем
64

Постов
193

Баллов
533
  • 03, Jun 2024
  • #3
Хм, привязки уже отображаются в строке, и в представленном вами коде нет НИЧЕГО, чтобы изображения ИЛИ их привязки выделялись на отдельные строки.

Проблема должна быть где-то в вашем СУЩЕСТВУЮЩЕМ CSS. Хотя с этим классом виджет-текста это, скорее всего, означает раздутый список того, как НЕ создавать веб-сайт, который является типичным шаблоном turdpress, так что удачи в этом!
 

Hairlossdv


Рег
05 Jun, 2012

Тем
85

Постов
198

Баллов
633
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно