1

Fiddle: https://jsfiddle.net/h89xmbn5/1/

Html:

<form class="form-wrapper cf">
    <span>First Name</span>
    <input type="text" required>
</form>

How can I make the arrow point right, instead of left for the span.

Si8
  • 9,141
  • 22
  • 109
  • 221

1 Answers1

4

Just:

.form-wrapper span:after {
    border-width: 8px 0 8px 8px;
    border-style: solid none solid solid;
}

Instead:

.form-wrapper span:after {
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
}

DEMO

lmgonzalves
  • 6,518
  • 3
  • 22
  • 41
  • Thank you for the solution, this works so far :) – Si8 Dec 17 '15 at 16:07
  • @SiKni8 Maybe this is a good solution for you: https://jsfiddle.net/lmgonzalves/h89xmbn5/5/. Note the commented lines to see what I have changed :) – lmgonzalves Dec 17 '15 at 16:15
  • 1
    If the SPAN expands a lot it doesn't auto fit. But for the purpose of the question, it's correct. Thank you. – Si8 Dec 17 '15 at 16:45