Rahmen bei Textbaustein mit mehrzeiligem, html-formatiertem Text ist zerstückelt

Question

Ich habe einen Text der eingeblendet werden soll, wenn man eine Frage ausgelassen hat. Html-Code:

<p><span style="padding: 10px; border: 1px solid #00AEB9; ">Wenn Sie diese Frage(n) absichtlich nicht beantwortet haben, klicken Sie bitte nochmal auf "Weiter".</span></p>

Wenn die Zeile bei einem kleinen Bildschirm umbricht (s. Screenshot), wird der Rahmen zerteilt und nicht einfach vergrößert. Wie kann ich das ändern?

Answer 1

Das <span> ist für Ihre Anwendung ungeeignet. Versuchen Sie es mit einem <div> und dafür ohne <p>.

<div style="padding: 10px; border: 1px solid #00AEB9; ">Wenn Sie diese Frage(n) absichtlich nicht beantwortet haben, klicken Sie bitte nochmal auf "Weiter".</div>