Для того, щоб коректно розмітити таку область, існує тег <aside> , всередині якого розташовується наша бічна панель. Додамо приклад з минулого уроку бічну панель з додатковим меню. Зверніть увагу, що <aside> міститься поза тегом <main> . Цей контент не повинен бути унікальним на кожній сторінці.
Використання float На першому етапі у елемента li, який містить посилання, встановлюється float: left; . Це дозволяє розмістити всі елементи списку в ряд за достатньої ширини, коли правий елемент списку обтікає лівий елемент списку.Похожі
Щоб зробити sidebar на сайті ефективним, варто розміщувати лише корисні елементи. … Для найбільшої ефективності використовують такі прийоми:
- додають яскраві кольори;
- впроваджують привабливі символи;
- пишуть продумані заголовки.