We oefenen met het toevoegen van inline stijlen aan een React-component. Volg de onderstaande stappen om de uitdaging te voltooien:

1. Maak een nieuwe React-component met de naam StyledBox.

2. Render binnen de StyledBox-component een <div>-element.

3. Voeg de volgende inline stijlen toe aan het <div>-element:

   • Stel de achtergrondkleur in op "lightblue";
   • Stel de breedte in op "300px";
   • Stel de opvulling in op "10px";
   • Stel de randradius in op "10px";
   • Stel de tekstuitlijning in op "center";
   • Stel de lettergrootte in op "24px";
   • Stel het lettertypegewicht in op "bold".

4. Voeg wat tekstinhoud toe binnen het <div>-element, zoals Five Finger Death Punch.

1. Inline stijlen worden toegevoegd met behulp van het style-attribuut, en de waarde voor dit attribuut moet een object zijn.
2. Bij het gebruik van inline stijlen moeten waarden die geen gewone getallen zijn (zoals strings, eenheden of kleuren) tussen aanhalingstekens "..." worden geplaatst. Bijvoorbeeld, margin: "30px" geeft aan dat de eigenschap margin de waarde 30px heeft.