Harjoitellaan inline-tyylien lisäämistä React-komponenttiin. Seuraa alla olevia vaiheita haasteen suorittamiseksi:

1. Luo uusi React-komponentti nimeltä StyledBox.

2. Rakenna StyledBox-komponentin sisälle <div>-elementti.

3. Lisää seuraavat inline-tyylit <div>-elementtiin:

   • Aseta taustaväri arvoksi "lightblue";
   • Aseta leveys arvoksi "300px";
   • Aseta täyte arvoksi "10px";
   • Aseta reunapyöristys arvoksi "10px";
   • Aseta tekstin tasaus arvoksi "center";
   • Aseta fonttikoko arvoksi "24px";
   • Aseta fontin lihavointi arvoksi "bold".

4. Lisää hieman tekstisisältöä <div>-elementin sisälle, esimerkiksi Five Finger Death Punch.

1. Inline-tyylit lisätään käyttämällä style-attribuuttia, ja tämän attribuutin arvon tulee olla olio.
2. Kun käytetään inline-tyylejä, arvot jotka eivät ole pelkkiä numeroita (kuten merkkijonot, yksiköt tai värit) tulee laittaa lainausmerkkeihin "...". Esimerkiksi, margin: "30px" ilmaisee, että margin-ominaisuuden arvo on 30px.