Создание div с тегом <p>

html

4477 просмотра

4 ответа

Для моего сайта я давно хотел добавить кнопку Facebook Follow. Я хочу, чтобы это выглядело примерно так:

Следуйте за нами на Facebook: [СЛЕДУЮЩАЯ КНОПКА]

Обратите внимание, что тег

и тег

кнопки должны быть встроенными.

Я использую следующий код:

<p>Follow us on Facebook:</p><div id="follow-button"></div>

При использовании кода он не отображается должным образом, и кнопка «Follow» всегда отображается под тегом

Автор: Mihir Chaturvedi Источник Размещён: 08.11.2019 10:54

Ответы (4)


3 плюса

Решение

Вы должны сделать оба элемента встроенными:

Ваш HTML:

<p> Follow us on Facebook: </p>
<div id="follow-button"> Button </div>

Ваш css:

p { display: inline; }
div { display: inline; }

(Обратите внимание, что вы также можете установить для них «встроенный блок», если хотите, чтобы они действовали как элементы блока)

Автор: FDbomb Размещён: 20.08.2016 05:11

1 плюс

Это потому что <div> всегда берут 100% ширину. Почему бы вам не взять <button>на месте <div>.

Автор: rohit raut Размещён: 20.08.2016 05:03

1 плюс

измените свой код, как показано ниже:

<p style="display:inline-block;">Follow us on Facebook:</p><div style="display:inline-block;" id="follow-button">btn</div>
Автор: Mostafa Khodakarami Размещён: 20.08.2016 05:02

0 плюса

Вы можете использовать этот однострочный код

<p style="display:inline"> follow us on <div id="follow-button"    style="display:inline"> Button </div> </p>
Автор: user4963716 Размещён: 20.08.2016 05:29
Вопросы из категории :
32x32