Horizontal Line With Variable Dash Length

Horizontal line how to create the horizontal line with dash length as shown in image using CSS. This is what i've tried CSS hr{ border-bottom: 1px dotted grey; } but i am unable g

Solution 1:

Try the below code: Use border css property.

hr{
    border: 1px dashed #ccc;
}

<p> hello </p><hr/>

Solution 2:

try border-bottom : 1px dashed;

This is such an easy "google search". Do some work before you come and ask questions.