Добрый день. Вот возникла необходимость сделать меню, но что б в его структуре был объект (не ссылка, возможно картинка или анимация) . Подскажите как это правильно реализовать ?
Я попробовал так
https://jsfiddle.net/BlackStar1991/d8ymyvvv/
Но у меня ни чего не вышло. Я понимаю что я делаю что-то не так ( а возможно так и вовсе нельзя делать), поэтому и интересуюсь как бы Вы это делали?
А что конкретно у вас не вышло? Что это должно было быть?
Это должен был просто объект (блок) но он должен был бы быть привязан к полю списка. Сейчас например он совершенно не работает так как надо. К примеру я задал диву класс .Blankspace но он не работает как надо(
Задайте своему блоку высоту, будете видеть где он и как выглядит. Его ширина больше чем ширина li, он попросту вываливается из своего контейнера. Если блок все-таки должен находится в составе списка, то второй элемент li придется стилизовать отдельно, то есть будут другие отступы и ширина.
Эмм а чего он вообще не отображается? Вот я поменял классу дива цвет, задал ширину, но CSS продолжает работать с ним как с элементом списка, а не как с дивом внутри списка.
Честно, я не понимаю зачем это нужно вообще делать, впервые такое вижу, и у меня сомнения что так вообще делают. li и так блочный элемент и вставлять в него еще один блочный элемент? Зачем? Это же список, аля меню.Как ранее говорила ineska ваш код слегка экзотичен)
Высоту забыли упомянуть. Высоту тоже задали?
Сами найдете, что не так?
hieght: 100px;
Спасибо. Чёртова невнимательность 
Кстати, да теперь я понял что я хотел.
https://jsfiddle.net/BlackStar1991/d8ymyvvv/8/
Что-то на подобии этого 
Рада за вас) Могу посоветовать, как повысить свою внимательность.
Как бы странно не звучало - это игры. Например, эти. Второй раздел, на развитие внимательности.