Кнопка JS, встроенная в HTML текст, разделенный в настоящее время на три строки

#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>