Как текст ссылки оформить без div, оставив такое же оформление?

Question

[lada95]

.productTitle {
padding: 15px;
border-left: solid 2px #d8d8d8;
border-right: solid 2px #d8d8d8;
border-bottom: solid 2px #d8d8d8;
font-size: 16px;
color: #3e3e3e;
text-decoration: none;
text-align: center;
-webkit-transition: all .5s cubic-bezier(.25, .25, 0, 1) !important;
-ms-transition: all .5s cubic-bezier(.25, .25, 0, 1) !important;
-moz-transition: all .5s cubic-bezier(.25, .25, 0, 1) !important;
-o-transition: all .5s cubic-bezier(.25, .25, 0, 1) !important;
transition: all .5s cubic-bezier(.25, .25, 0, 1) !important;
}
.productItem a:hover .productTitle, .productItem a:focus .productTitle {
color: #fff;
background-color: #2c2c2c;
border-color: #2c2c2c;
}

Answer 1

[Алмаз Бисенбаев]

Смотря в чем именно проблема. Тайтл совсем нельзя оборачивать ни в какой тег или нельзя именно в DIV? Если второй вариант, то без проблем юзаешь SPAN или что угодно и даешь display: block;

Если совсем нельзя юзать теги, то стилизуешь сам <a>, а отступы имитируешь, задав margin-bottom для картинки

Answer 2

[Алексей Голягин]

<a class="ставим класс" href="#">содержимое</a>