Я не могу понять, как это сделать с помощью CSS. Если я просто использую тег <br>
, он работает безупречно, но я стараюсь избегать этого по понятным причинам.
В принципе, я просто хочу, чтобы .feature_desc
span
начинался с новой строки, но:
- Если я сделаю его встроенным элементом, он не будет иметь разрыв строки.
- Если я сделаю его блочным элементом, он будет расширяться, чтобы соответствовать всей строке, помещая каждый из этих значков в свою линию и тратя тонны пространства на экран (каждый
.feature_wrapper
будет немного другого размера, но ни один из них никогда не будет таким широким, как весь экран.)
Пример кода: Это работает, но использует тег br
:
<li class='feature_wrapper' id='feature_icon_getstart'>
<span style='display: none;' class='search_keywords'>started</span>
<span class='feature_icon spriteicon_img' id='icon-getstart'><a href='getstarted/index.html' class='overlay_link'></a></span><br/>
<span class='feature_desc'><a href='getstarted/index.html' >Getting Started Wizard</a></span>
</li>
Я хочу, чтобы стиль с CSS для достижения того же результата:
<li class='feature_wrapper' id='feature_icon_getstart'>
<span style='display: none;' class='search_keywords'>started</span>
<span class='feature_icon spriteicon_img' id='icon-getstart'><a href='getstarted/index.html' class='overlay_link'></a></span>
<span class='feature_desc'><a href='getstarted/index.html' >Getting Started Wizard</a></span>
</li>
Любые идеи? Или я об этом ошибаюсь?