In diesem Abschnitt wird das Hinzufügen von Inline-Styles zu einer React-Komponente geübt. Die folgenden Schritte sind zur Bearbeitung der Aufgabe erforderlich:

1. Eine neue React-Komponente mit dem Namen StyledBox erstellen.

2. Innerhalb der StyledBox-Komponente ein <div>-Element rendern.

3. Dem <div>-Element die folgenden Inline-Styles hinzufügen:

   • Hintergrundfarbe auf "lightblue" setzen;
   • Breite auf "300px" setzen;
   • Innenabstand (Padding) auf "10px" setzen;
   • Rahmenradius auf "10px" setzen;
   • Textausrichtung auf "center" setzen;
   • Schriftgröße auf "24px" setzen;
   • Schriftgewicht auf "bold" setzen.

4. Einen beliebigen Textinhalt innerhalb des <div>-Elements hinzufügen, zum Beispiel Five Finger Death Punch.

1. Inline-Styles werden mit dem Attribut style hinzugefügt, wobei der Wert dieses Attributs ein Objekt sein muss.
2. Bei der Verwendung von Inline-Styles sollten Werte, die keine reinen Zahlen sind (wie Zeichenketten, Einheiten oder Farben), in Anführungszeichen "..." gesetzt werden. Zum Beispiel bedeutet margin: "30px", dass die Eigenschaft margin den Wert 30px hat.