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

Budun Budun   23.08.2018 08:41   717  
Приветствую.

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

8d23YJ3.jpg

Это код:
<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

Ответы на вопрос (3) Написать ответ
sawf sawf   23.08.2018 12:55
@media screen and (max-width: 600px) {
#share_postcard {...}
}
А далее вариантов много от flex, text-align, margin и др.
0
Budun Budun   23.08.2018 15:53
Это не то.
Мне нужно сюда: <div class="permalink_top"> %permalink% </div>
Вставить фразу: "Скопировать ссылку"
И фразу "Скопировать ссылку" наверное сделать классом, чтобы применить размер, жирность и т.д.
То-есть два класса впихнуть в один div, чтобы гугл не мог вклиниваться между двух div
0
sawf sawf   23.08.2018 17:43
Ничего не понятно?
В чем проблема тогда, обернуть текст в span или p с нужным классом?
<div class="permalink_top"> <p class="permalink_top2">Скопировать ссылку</p>%permalink% </div>
0

Войдите, чтобы написать ответ
Вход Регистрация