Вопрос к профи в html

<p style="display: inline"> 

Цена - 12 490p <span style="color: rgb(229, 55, 52);"> 

<span style="font-size: 14px;"> 

<s> 

14700</s> 

&nbsp;</span> 

</span> 



<form style="display: inline" action="https://111.ru/api/partners/v1/lightweight/create" method="post">

<input name="shopId" value="e15b71db" type="hidden"/>

<input name="sum" value="12490" type="hidden">

<button id="kvk">

Купить!

</button>

</form>

</p>

Начнем с того, что в коде ошибка.

формы нельзя оборачивать в p - это приводит к ошибке браузеров. (валидацию, тоже не проходит, кстати)

Сделайте единую скрытую форму, а кнопки во всех позициях в виде стилизованного блока. При клике подставляйте в форму нужные данные и сабмитьте её посредством js.

<p style="display: inline"> 

Цена - 12 490p <span style="color: rgb(229, 55, 52);"> 

<span style="font-size: 14px;"> 

<s> 

14700</s> 

&nbsp;</span> 

</span> 



<form style="display: inline" action="https://111.ru/api/partners/v1/lightweight/create" method="post">

<input name="shopId" value="e15b71db" type="hidden"/>

<input name="sum" value="12490" type="hidden">

<button id="kvk">

Купить!

</button>

</form>

</p>

не прокатило

https://jsfiddle.net/9Lxnfwag/

У меня во всех браузерах прокатило 🍿 И да, в div заверните, а не в p, иначе валидатор ругается :p

https://jsfiddle.net/96cbp401/

p это моветон, в div пакуйте или на крайняк в table

Алексей Фоменко, Это не моветон. Это большая ошибка.

P хоть и является блочным элементом, но обладает некоторыми особенностями, которые надо знать. так,например в p нельзя вставлять формы. В случае вставки туда формы, браузер _автоматически_ закроет /P перед form и после /form откроет заново

<p> в форму, а кнопку в <p>

https://jsfiddle.net/qpmnkygm/