Добрый день, не совсем понимаю до конца как можно сделать такой вот простой элемент
http://joxi.ru/bmo0JQ9hMvg6O2
Делаю примерно так:
.menu {
height: 32px;
width: 100%;
.menu-img {
height: 32px;
width: 32px;
border: 1px solid;
background: #0099cc;
}
.menu-text {
height: 32px;
width: 100%;
border: 1px solid;
}
Заранее спасибо
Отвечая на свой вопрос:
.g{
width: 240px;
margin: 0 0 20px 13px;
background: #fff;
-webkit-box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5);
-moz-box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5);
box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5);
}
.g a {
display: block;
line-height: 50px;
border-bottom: 1px solid #2d95bc;
text-decoration: none;
vertical-align: top;
}
.g a span {
margin-left: 10px;
color: #12799a;
font: 14px roboto;
font-weight: bold;
}
.g .gmt-10bog:before {
font: 22px wildoregular;
color: #fff;
content: url(/wp-content/uploads/2016/04/games-highscores_8273.png);
width: 50px;
line-height: 50px;
background: #0072bc;
display: inline-block;
vertical-align: top;
text-align: center;
}
Вставляется:
<div class="g">
<a href="site" class="gmt-10bog"><span>text</span></a>
</div>
Доказал себе, что не ленивая жопа. Тему можно закрывать
