#javascript #html #typeform
#javascript #HTML #форма типа
Вопрос:
Я пытаюсь внедрить Typeform на свой веб-сайт Squarespace, используя функцию встраивания кода. Текст в этом разделе использует h4
, и я пытаюсь отобразить текстовую ссылку / кнопку в виде одной строки в h4, но прямо сейчас она отображается в виде 3 отдельных строк, например, следующего
Это код
< h4> Turn this into reality by < /h4>
<h4 class="typeform-share link" href="https:/ / form.typeform.com / to / frLl707j " data-mode="
drawer_right " style="
color: #3A7685;text-decoration:underline;font-size:20px;" target="_blank"> taking the survey < /h4>
<script>
(function() {
var qs, js, q, s, d = document,
gi = d.getElementById,
ce = d.createElement,
gt = d.getElementsByTagName,
id = "typef_orm_share",
b = "https:/ / embed.typeform.com / ";
if (!gi.call(d, id)) {
js = ce.call(d, "
script "); js.id=id; js.src=b "
embed.js "; q=gt.call(d,"
script ")[0]; q.parentNode.insertBefore(js,q) } })()
</script>
<h4>, open until October 30th.</h4>
Как мне поместить весь блок h4 в одну строку?
Комментарии:
1. использует
h4 {display: inline}
илиh4 {display: inline-block}
Ответ №1:
В итоге это сработало
<h4 style="text-align: center;"> Turn this into reality by <a class="typeform-share link" href="https://form.typeform.com/to/frLl707j" data-mode="drawer_right" style="text-decoration:underline;" target="_blank">
<h4 style="display: inline; color:#a8a6a1;">taking the survey</h4></a><script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b "embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>, open until October 30th.</h4>