irst_letter_none::first-letter {
  float: none;
  vertical-align: middle;
}
.first_letter_left::first-letter {
  float: left;
}
.first_letter_right::first-letter {
  float: right;
}
.after_none::after {
  float: none;
}
.after_left::after {
  float: left;
}
.after_right::after {
  float: right;
}
</style>
<style data-title="boxes">
div {
  border: 1px solid black;
}
div::before {
  background-color: rgba(255, 0, 0, 0.3);
}
div::first-line {
  background-color: rgba(0, 255, 0, 0.3);
}
div::first-letter {
  b