position:absolute not working on lit-element

More of a help question, I’m probably doing something wrong here:

@customElement('my-input')
class myInput extends LitElement {
  static get styles() {
    return css`
      :host {
        display:contents;
      }
      input {
        all:inherit;
        display:inline;
      }
      .link {
        position:absolute;
        right:0px;
        top:50%;
      }
    `
  }
  render() {
    return html`
      <input></input>
      <span class=link>content</span>
    `
  }
}

I would expect content to be placed inside the input on the right side, instead it is placed relative to the parent element. If I place the <span> inside the <input> element the same happens. This is not the behavior I would expect, what is going on here?

[justinfagnani]

Attributes values don’t have to be quoted in HTML unless they contain a whitespace, >, <, =, or a quote.

[sorvell]

Closing based on the discussion above. These are limitations of css in general and there’s nothing to address in the Lit library.