Как настроить слияние некоторого текста, а затем сделать его интерактивным?

#javascript #html

#javascript #HTML

Вопрос:

Я пытаюсь объединить два текста слева и справа слева и создать интерактивную ссылку.

                     <div class="mb-50">
                        <h2 class="section-title pr-0">Latest Topics on<span class="bold"> Blog</span><a
                                href="blog-right-sidebar.html" class="section-more right">OUR BLOG</a>
                        </h2>
                    </div>

Я получаю этот вывод:

Как я могу объединить левый и правый текст вместе слева в одной гиперссылке?

Обновить:

это моя последняя попытка и ошибка:

 <div class="mb-50">
                        <h2 class="section-title pr-0"><<a
                                href="blog-right-sidebar.html" class="section-more left">Latest Topics on </a> <span class="bold"> Blog</span>
                        </h2>
                    </div>

Обновление 2:

это не ожидаемый результат, потому что texts размещается внизу! введите описание изображения здесь

1. Каков ожидаемый результат и что вы пробовали?

2. теперь правая часть — это гиперссылка, я хочу, чтобы текст «наш блог» был удален, а «Последняя …» была гиперссылкой @charlietfl, а шаблон слева остался

3. Я пытаюсь обменять тег <a> в<span>, но в лучшем случае я получаю ошибку @charlietfl

4. Какая ошибка и из какого кода? Цель здесь в том, чтобы другие помогали исправлять ваши попытки решить вашу собственную проблему, а не были бесплатным сервисом для написания кода

5. @charlietfl видит мои обновления и ошибку

Ответ №1:

Убедитесь, что тег href инкапсулирует весь текст, на который вы хотите, чтобы он связывал. Например, я сделал это, и при нажатии на любой текст он ссылается на сайт.

<div class="mb-50"> <h2 class="section-title pr-0"> <a href="blog-right-sidebar.html" class="section-more left">Latest Topics on <span class="bold"> Blog</span> </a> </h2> </div>

Со второй попытки вы отключили ссылку href в конце «Последние темы на», поэтому она перенаправляет на ссылку только при нажатии «Последние темы на», отключая «Блог».

Надеюсь, это помогло!

1. в вашем выводе написано «последняя версия …» в нижней части строки (мой код выводит этот текст в центре)!

2. Могу ли я посмотреть CSS для ваших попыток?

3. Какая часть файлов CSS? стиль? bootstrap /? или …?

4. Различные элементы класса, которые перечислены. «mb-50», «заголовок раздела pr-0», «blog-right-sidebar.html «, «раздел -левее» и «жирный шрифт»

5. .sm-mb-50 { margin-bottom: 50px }