<p data-inverted>Testing this content</p>

<p>testing this content too to make sure that if the attribute doesn't exist then the inverted styles will not be applied

:root {
  font-family: Raleway, sans-serif;
  margin-block: 4rem;
  margin-inline: 10em;
}
p[data-inverted] {
  background-color: black;
  color: white;
  padding: 1em;
  width: 25vw;
}