@stepaniwe

Отображение блока при наведении CSS?

При наведении на элемент появляется контент. Как сделать так чтобы данные элементы оставались в одну линию по горизонтали, а контент просто появлялся снизу? (как на картинке). Без использования flex5ad22edf76231069779865.pngbox

https://codepen.io/st-iv/pen/mxZmeV?editors=1100
  • Вопрос задан
  • 114 просмотров
Решения вопроса 1
FreeMan94
@FreeMan94
Frontend developer
vertical-align: top для .content
Для инлайн-блоков всегда нужно указывать vertical-align
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@frees2
<button type="button" onmouseover="loadDoc2(); this.style.display='none';return false">открыть список каналов</button>
<ul> </ul>
<script> function loadDoc2(){var myList = document.querySelector('ul');fetch('products.json').then(function(response) { return response.json(); })
.then(function(json) { for(var i = 0; i < json.products.length; i++){var listItem = document.createElement('li');
listItem.innerHTML = '<strong>' + json.products[i].Name + '</strong>';
listItem.innerHTML +=' can be found in ' + json.products[i].Location + '.';
listItem.innerHTML +=' Cost: <strong>?' + json.products[i].Price + '</strong>';
myList.appendChild(listItem); 
 } })};
  </script>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы