Не могу понять в чем дело.
Есть код:
<style type="text/css">
.relatimg {
width:100px;
height:100px;
}
.block{
display:inline-block;
vertical-align:middle;
}
</style>
<div class="block"><a href="stoimost.htm"><img src="potol.jpg"
class="relatimg" alt="надпись" title="Натяжные потолки в ванной" align="middle"></a></div>
<div class="block"><p><a href="stoimost.htm" rel="bookmark" title="Надпись">
Надпись на которую нужно нажать</a></p> </div>
Выводит этот код примерно следующее:
Но, если текст в строке длинный, то он почему то уходит под картинку:
А мне соответственно нужно чтобы текст, вне зависимости от длины был справа по центру от картинки. Подскажите советом как поправить?
сделайте общий контейнер для 2 дивов и задайте ему стиль
"display: flex; flex-direction: row;"
остальные свойства (align-items, justify-content) подберите в зависимости от того, какой вид вам нужен.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Почему у элемента exampleblock не появляется скроллбар? Если допустим ему задать ширину 100%, то не работаетЕсли например задать ширину для container__content,...
Есть url страницы сайта, как c данной страницы можно получить картинку с id "image"? Допустим, что url: wwwimages
Каким образом можно вывести кнопки сбоку в одну колонку, чтобы они плавали?