Рамка вокруг текста

@zeoril · Регистрация: 05.12.2013

Author24 — интернет-сервис помощи студентам

Как сделать рамку только вокруг текста, чтобы она до конца строки не тянулась?

@michaelukolov · 08.11.2015, 19:11

HTML5

1	<span id="ramka">Текст, вокруг которого будет рамка</span>

CSS

#ramka
{
border: 1px solid black;
}

При желании в CSS добавить padding: 5px; - красивее смотрится

@Almag13 · 08.11.2015, 20:23

Чтобы не тянулась до самого конца, а была только по тексту, нужно не делать блочным элемент, а делать инлайновым или инлайн блочным... в данном случае, если будет отступ сверху и снизу, то нужно использовать

CSS

span{
display: inline-block;
padding: 5px;
border: 1x solid #ddd;
}

@zeoril 0 / 0 / 0 Регистрация: 05.12.2013 Сообщений: 16
		1
	Рамка вокруг текста 08.11.2015, 19:00. Показов 2687. Ответов 2 Метки нет (Все метки) Как сделать рамку только вокруг текста, чтобы она до конца строки не тянулась? 0

	08.11.2015, 20:23

Рамка вокруг текста

Решение