Classes

First, in Product.css define the product class:

.product span {
    font-size: 100px;
}

Then, you can use this class in Product.js:

<div className="product">
</div>

Indent

To indent firefox .bookmarks add this CSS style:

  • note: the <meta> tags must come after the <style> tags
    • otherwise the Content-Security-Policy (CSP) in the HTML head will prevent all CSS code in the HTML document from loading
      • however, you can still allow some CSS code, see examples in CSP: style-src
<head>
  <style type="text/css">
    dl dl {
      margin-left:0.5in;
      }
  </style>
  <meta>
    ...
  </meta>
</head>
<body>
  ...
</body>