This code does not work, the browser assigns a padding value to the width. The line becomes a square. The figure is not released.

#curve2 { padding-top: 120px; height: 2px; width: 120px; background: #000; transform: rotate(35deg); }

    2 answers 2

    What is margin-top not suitable for?

      At choice:

       #curve2 { margin-top: 120px; height: 2px; width: 120px; background: #000; transform: rotate(35deg); } 
       #curve2 { position: relative; top: 120px; height: 2px; width: 120px; background: #000; transform: rotate(35deg); }