Text Note

<style>
* { box-sizing: border-box; }
.note{
  width:100%;
  padding: 12px 20px;
}
</style>
<div class="note">Any note text...!</div>

Any note text...!
.note{
  background-color: #ff8f8f;
  border-left:4px solid #f44336;
}
Any note text...!
.note{
  background-color: #b2dfdb;
  border-left:4px solid #009688;
}
Any note text...!
.note{
  background-color: #fff9c4;
  border-left:4px solid #ffeb3b;
}
Any note text...!
.note{
  background-color: #d1d8ff;
  border-left:4px solid #2982f6;
}
Any note text...!
.note{
  background-color: #c2ffc2;
  border-left:4px solid #41b146;
}
Any note text...!
.note{
  background-color: #c5e2fc;
  border-left:4px solid #1e98f9;
}
Any note text...!
.note{
  background-color: #bfffed;
  border-left:4px solid #1ee4ac;
}
Any note text...!
.note{
  background-color: #ff9bd0;
  border-left:4px solid #fe309d;
}
Any note text...!
.note{
  background-color: #c2c2c2;
  border-left:4px solid #1d1d1d;
}
Any note text...!
.note{
  background-color: #f0f0f0;
  border-left:4px solid #a2a2a2;
}
receipt
settings_ethernet