Box im h4 tag erstellen - Probleme bei der Umsetzung

Hallo, also ich hab wahrscheinlich eine ganz einfache Frage und wurde deshalb in einem anderen Forum schon fast ausgelacht. Ich würde gerne eine Box in der h4 überschrift erstellen, darin soll "UPDATE + Datum" stehen und danach der eigentliche Titel. Aber irgendwie bekomme ich das nicht hin, habe schon viel ausprobiert und kann langsam den Code nicht mehr sehen.

Der hier verwendete Code

<style> .update_datum { display: flex; align-items: center; justify-content: center; text-align:center; font-size: 15px; width:20%; padding:5px; color: #d00505; } span.umbruch{ text-align:left; font-size:25px; font-weight:900; width:80%; padding:5px; } h4.banner{ background: #000; display:flex; color: #fff; justify-content:center; width:90vw; margin:0 auto; } @media only screen and (max-width: 539px){ .banner{ display:flex; flex-direction:column; } span.update_datum{ width:calc(100% - 10px); justify-content: flex-start; } .update_datum br{ display:none } span.umbruch{ width:calc(100% - 10px); text-align:left; } } </style> <h4 class="banner"> <span class="update_datum"> UPDATE<br> 29. Juli 2019 </span> <span class="umbruch"> Rammstein verkündet weiteren UK Termin in Cardiff: </span> </h4>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!