Разрыв строки перед специальным символом

Question

Я использую веб-страницу шаблона, и поставщик не дает разрешения на изменение большинства вещей в системе. Но я могу достигнуть HTML и CSS в Интернете, возможно ли положить разрыв строки до «(« символ. ». Является ли CSS или HTML достаточным или мне нужно другое кодирование?

У меня есть HTML (; этой ссылки, исходящей из встроенного кода, который я не могу достичь или изменить). Кроме того, этот HTML-код генерируется автоматически из CMS сайта, поэтому он не может быть обновлен, как добавление кода прерывания до "(". В других словах он не будет отображаться на веб-сайте HTML она напомнила, откуда-то еще, что я не могу обновить Поэтому мне нужно кодирования, которые признают «(» символ и положить перерыв перед ним, потому что текст этого не всегда такой же длины

<div class="showcaseTitle"> 
    <a href="tour_package_ID_0011.html"> 
     Tour Package (129€)   </a> 
</div> 

у меня есть CSS нравится....;

.showcaseTitle { 
height: 32px; 
position: relative; 
overflow: hidden; 
margin: 0 0 5px; 
} 

Он показывает на главной странице сайта одной строки, но мне нужно поставить цену на второй линии, как показано ниже

тур пакет
(129 €)

Как может я решите эту проблему ?

Большое спасибо

Answer 1

EDIT:

Как уже упоминалось в комментариях, вы не можете изменить HTML так ТНХ для Harry в comments здесь есть функция JS, которая заменяет все «(» символы по «<br>(» поэтому вы будете иметь разрыв строки перед «(» характер.

var txt = document.getElementsByClassName('showcaseTitle')[0].innerHTML; 
 

 
txt = txt.replace(/\(/g, '<br>('); 
 

 
document.getElementsByClassName('showcaseTitle')[0].innerHTML = txt;

<div class="showcaseTitle"> 
 
    <a href="tour_package_ID_0011.html"> 
 
     Tour Package (129€)   </a> 
 
</div>

---

Оригинальный ответ:

Как вы можете изменить HTML-разметку, проще было бы добавить разрыв строки в HTML с line break tag (<br/>):

<div class="showcaseTitle"> 
    <a href="tour_package_ID_0011.html"> 
     Tour Package 
     <br/> <!-- this line ! --> 
     (129€) 
    </a> 
</div>