@vcl/vcl/divider/demo/example-vertical.html

The whole VCL in one package

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">

<div class="row flex">
  <div class="w-45p align-right">
    left from divider
  </div>

  <div style="height: 5em;" class="w-10p divider divider-vertical row center justify-center">
    <div class="divider-rule"></div>
  </div>

  <div class="w-45p">
    right from divider
  </div>
</div>

<br><br>

<div class="row">
  <div class="w-45p m-3-">
    <form class="form m-0">
      <fieldset class="fieldset">
        <div class="form-control-group">
          <label class="form-control-label form-control-label-wrapping">
            Username
          </label>
          <div class="input-field">
            <input class="input" type="text">
          </div>
        </div>

        <div class="form-control-group">
          <label class="form-control-label form-control-label-wrapping">
            Password
          </label>
          <div class="input-field">
            <input class="input" type="password">
          </div>
        </div>

        <button type="button" class="button">Sign in</button>
      </fieldset>
    </form>
  </div>

  <div class="w-10p divider divider-vertical row center justify-center">
    <div class="divider-rule"></div>
    <div class="icogram divider-element">
      <div class="text">or</div>
    </div>
  </div>

  <div class="w-45p col justify-center my-2">
    <button type="button" class="button scale130p suggestive">Sign up</button>
  </div>
</div>