How To Style And Write CSS In React

divStyles

const Styles = {
  divStyles: {
    color: "red",
    backgroundColor: "black",
    fontSize: "20px",
    fontWeight: "bold",
    textAlign: "center",
    padding: "1px",
    margin: "10px",
  },
  pStyles: {
    color: "Black",
    backgroundColor: "white",
    fontSize: "20px",
    fontWeight: "bold",
    textAlign: "center",
    padding: "10px",
    margin: "10px",
  },
};
 
function App() {
  return (
    <div style={Styles.divStyles}>
      <p style={Styles.pStyles}>
        React is the most loved JavaScript Library, according to StackOverflow
        survey' 2022
      </p>
      <p style={Styles.pStyles}>
        React is the most starred Front-end library on Github
      </p>
      <p style={Styles.pStyles}>3 Million+ React projects arise in one week </p>
    </div>
  );
}
 
export default App;