JSFiddle - React, Tailwind, and code Playground

by denniswaltermartinez

HTML

<h1>SVG</h1>
<svg>
    <line x1="200" y1="0" x2="0" y2="0" class="line" />
  <line x1="0" y1="0" x2="200" y2="200" class="line" />
</svg>

<h1>CSS</h1>
<div class="box boxn"></div>
<div class="box"></div>

CSS

.line {
    stroke: red;
    stroke-width: 5;
}

h1 {
    margin-top: 100px;
}

.box {
    width: 250px;
    height: 5px;
    background: red;
    transform: rotate(45deg);
}

.boxn {
    transform: none;
}