I am currently facing an issue with my modal form where the text does not wrap properly depending on the size of the modal form. I need help with correcting this using CSS.
My current approach involves using angular with new lines and hardcoding line breaks in the code. However, this method causes problems when the screen size changes, as the line breaks remain fixed and make the text appear uncentered and awkward.
.angular-with-newlines {
white-space: pre-wrap !important;
}
.text-center{
text-align: center !important;
}
This is a snippet of my HTML code:
<div class="row text-center margin30">
<h5 class=" angular-with-newlines">{{message}}</h5>
</div>