Как для класса визуально отобразить название?

Question

Как для класса визуально отобразить название?

Приветствую.

На сайте имеется опция "СКОПИРОВАТЬ ССЫЛКУ" как это выглядит скрин

Это код:
<div class="share_postcard"> Скопировать ссылку </div> <br>
<div class="permalink_top"> %permalink% </div>

Где %permalink% в теме отображает ссылку.
Так вот, проблема в том, что в мобильной версии гугл вклинивает свою рекламу между двумя div и получается, что пользователь видит "СКОПИРОВАТЬ ССЫЛКУ" а чтобы увидеть отображение самой ссылки нужно скролить ниже, что путает пользователя.

Проблема полезла когда для рекламы установил опцию "Автоматизированные объявления" в моем случае в мобильной версии рекламный код гугла вклинивает рекламу между классами share_postcard и permalink_top то-есть эти классы в двух отдельных дивах.

Ну как прописать класс <div class="permalink_top"> %permalink% </div> чтобы фраза Скопировать ссылку была в середине этого дива, и отображалась поверх ссылки и к фразе Скопировать ссылку можно было применить CSS

0

css
html

Ответы на пост (3) Написать ответ

Быстрая регистрация для ответа Войти

Answer 1

@media screen and (max-width: 600px) {
#share_postcard {...}
}
А далее вариантов много от flex, text-align, margin и др.

Answer 2

Это не то.
Мне нужно сюда: <div class="permalink_top"> %permalink% </div>
Вставить фразу: "Скопировать ссылку"
И фразу "Скопировать ссылку" наверное сделать классом, чтобы применить размер, жирность и т.д.
То-есть два класса впихнуть в один div, чтобы гугл не мог вклиниваться между двух div

Answer 3

Ничего не понятно?
В чем проблема тогда, обернуть текст в span или p с нужным классом?
<div class="permalink_top"> <p class="permalink_top2">Скопировать ссылку</p>%permalink% </div>

Как для класса визуально отобразить название?

Похожие посты

Анализ сайта