Возможно сделать тоже самое визуально, но более элегантно в плане кода? Отобразить текст (абзац) с помощью CSS: http://cssdesk.com/gumNB
2 ответа
Можно. С помощью псевдоэлементов :bebore
и :after
.
Но это не добавит элегантности Вашему коду, а скорее наоборот ...
Для разметки используйте html
, а для стилизации css
.
<div class="text-frame">
<span>Скоро ли? Скоро ли? О, эти несносные улицы, лавки, калачи, фонари, извозчики!</span>
</div>
<style>
.text-frame {
max-width: 150px;
}
.text-frame > span {
font-size: 15px;
line-height: 25px;
background: #fff;
border: #fff 5px solid;
outline: #fff 5px solid;
border-style: solid none;
}
</style>
На мой взгляд, это изврат.
-
Изврат суть вопроса или решение? Думаю пока красивее получается здесь cssdesk.com/4SNKN, как у этих ребят saforian.com . Если вы насчет сути - визуальное представление подобного вида попадается достаточно часто если не в вебе, то в современном глянце, поэтому хочется найти perfect-решение, чтобы не плодить говноверстку. Commented 1 июн. 2013 в 12:23
-
Я имею в виду решение: я о ненормальном применении
border
иoutline
. C другой стороны, можно еще заменить на box-shadow. Но с задачей справляется, верно? В разметке нет жестких переносов, текст переносится автоматом.– BarsCommented 2 июн. 2013 в 23:52
p
должны быть все ссылки (разделяться пробелом), но чтобы выглядело так, как в твоем примере? Или что? Не понимаю задачу. Приведи что ли разметку, какой она должна получиться.