Строчные элементы и background

melkozaur
На сайте с 06.04.2010
Offline
505
476

Надо было как-то разбить заголовок по 1 слову на каждой строке, пока остановился на варианте с display:table-caption.

Теперь такая проблемка: хотелось бы еще после каждого слова как-то добавить фона, чтобы после слов "типа" и "крутой" был черный бекграунд как после слова "заголовок". Это можно как-то средствами css? По идее там же пробелы между словами, может как-то через них задать?

https://jsfiddle.net/g5z2ds9o/

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
S
На сайте с 25.12.2003
Offline
173
#1

Убрать обрамление текста в <span>. И весь стиль дописать в #head h1 {display:table-caption;margin: 0;background: #000;color: #fff;padding: 0 10px 5px 0;}

Красивые сниппеты Google ( https://saney.com/tools/google-snippets-generator.html )
Z0
На сайте с 03.09.2009
Offline
757
#2
melkozaur
На сайте с 06.04.2010
Offline
505
#3

Saney, ziliboba0213,

Не, у вас не то :)

Если бы все было так просто я бы вообще тему не начинал :)

Мне нужно не чтобы блок заголовка был отступами, а чтобы строчки в конце были с отступами, сейчас нарисую:



---------- Добавлено 28.02.2018 в 21:53 ----------

Всё, нашёл решение. Гениально же.

Z0
На сайте с 03.09.2009
Offline
757
#4
melkozaur:

Всё, нашёл решение. Гениально же.

Я что-то не разобрался, как оно работает. Старею совсем 🤪

melkozaur
На сайте с 06.04.2010
Offline
505
#5
ziliboba0213:
Я что-то не разобрался, как оно работает.

Как раз так, как нужно, добавляет к span отсутпов со всех сторон, а не только в начале или в конце строчки.

Z0
На сайте с 03.09.2009
Offline
757
#6
melkozaur:
Как раз так, как нужно, добавляет к span отсутпов со всех сторон, а не только в начале или в конце строчки.

Это то я понял. :)

P.S. Все, разобрался 🤪

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий