<!DOCTYPE html>
<html>
<head>
  <title>Home</title>

  <!-- inline CSS in head-->
  <style>h1 {
  color: forestgreen;
}</style>
</head>
<body>
  <h1>Home</h1>

  <div class="my-component">
    <!-- inline CSS in component and keep attributes in the style tag -->
    <style>.my-component {
  color: violet;
}</style>
  </div>
</body>
</html>