Проблемы с текстом

[Daniyar]

Подскажите пожалуста как сделать как показано на картинке.

Чтобы второй текст был рядом с первым

 

[Switch74]

Второй текст - это Your Jazzy Slogan?

способов как всегда много, например так https://jsfiddle.net/1pznt7mj/

Если нужно чтобы слова накладывались друг на друга, то так https://jsfiddle.net/1pznt7mj/1/

[Daniyar]

34 минуты назад, Switch74 сказал:

Второй текст - это Your Jazzy Slogan?

способов как всегда много, например так https://jsfiddle.net/1pznt7mj/

Если нужно чтобы слова накладывались друг на друга, то так https://jsfiddle.net/1pznt7mj/1/

Спасибо!

 

[andrey7287]

letter-spacing + transform: translateX

[VasyOK{!}]

Сохранить как картинку на прозрачном фоне. Это ж логотип. Он все равно ссылкой будет.

[Svetlana_P]

11 час назад, VasyOK{!} сказал:

Сохранить как картинку на прозрачном фоне. Это ж логотип. Он все равно ссылкой будет.

Так то текст лучше верстать именно текстом, а не картинкой. Плюсы:

1. Отображается четко на разных устройствах. Не замыливается, как бывает с картинками.
2. Проще редактировать.
3. Лучше для SEO — при желании можно использовать нужный тег, например, h1
4. Меньше весит.

[VasyOK{!}]

"Отображается четко на разных устройствах" не думаю что методы приведенные выше кроссбраузерны. Хотя и картинка на прозрачном фоне в старых версиях ИЕ может кривить