basti1012.bplaced.net

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.

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>