label.error {
  font-size: 0.9em;
  color: #B30000;
  font-style: italic;
  float: right;
  text-align: right;
}
.wrapper {
  position: relative;
  /* Container for absolute positioning of children */
  /* width: 250px;  Example width for the container 
  height: 300px; /* Example height for the vertical line length */
  text-align: center;
  /* Horizontally centers the text inside .word */
}
.line {
  position: absolute;
  /* Positions the line within the wrapper */
  top: 0;
  bottom: 0;
  /* left: 50%;  Centers the line horizontally */
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  /* Adjusts for the line's own width to be perfectly centered */
  width: 1px;
  /* The actual vertical line width */
  background-color: grey;
  /* Line color */
}
.word {
  position: absolute;
  /* Positions the text within the wrapper */
  top: 50%;
  /* Moves the text box's top edge to the middle */
  /* left: 50%; Moves the text box's left edge to the middle */
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /* Centers the text box exactly using its own dimensions */
  text-transform: uppercase;
  padding: 0.5em;
  /* Spacing around the text */
  background-color: #fff;
  /* Background color for the text, covering the line */
  font-weight: bold;
}