Как заставить половину ссылки переноситься на другую строчку?

Question

[kamisarlapsha]

Привет. Такой вопрос, есть ссылка в хлебных крошках с название товара, но название слишком большое и в мобильной версии вылазит за границу блока. Как можно заставить ту часть ссылки, которая не помещается, переноситься на другую строку. Спасибо.

<ul class="breadcrumb">
        <li><a href="site.com">Главная</a></li>
        <li><a href="site.com/product1">010061(U) поршневая подходит для б/косы ЭХО ст-22,SRM-22 Ultra Pro</a></li>
 </ul>

.breadcrumb > li {
	padding: 0;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li a {
	color: #bfbfbf !important;
	float: left;
}

Answer 1

[Алексей Уколов]

Убрать white-space: nowrap, разумеется.

Comments

[kamisarlapsha]

Спасибо!