Создание пунктирной теги проведет серую линию через нижнюю часть точек ⇐ CSS

[Anonymous]

Простой вопрос, наверное, я надеюсь, что я не пропустил кого -то другого, спрашивающего об этом, потому что я, как объяснить это в терминах кодирования, честно говоря,
По сути, я пытаюсь изучить базовый веб -дизайн с помощью создания инди -веб -сайта, и при создании пунктирной тега> создает пунктируемую линию, как я хочу, но она выглядит так же, как если бы она была вставлена ​​на неверную сери -линию. У меня нет другого кода, говорящего ему, чтобы сделать это, насколько я знаю, я вставлю соответствующий код + экрановый снимок < /p>
html: < /p>

Код: Выделить всё

Hi! I'm Maya!

test

< /code>
css: < /p>
.landingMain {
justify-content: center;
border: dotted;
color: whitesmoke;
text-align: center;
margin-left: 60vh;
margin-right: 60vh;
flex-direction: row;
}
.landingSubHeading {
font-family: "Twinkle star", cursive;
font-style: normal;
margin: auto;
text-align: center;
}
hr.dotted {
border-top: 3px dotted #FFF;
}

Экраншот веб -сайта

Подробнее здесь: https://stackoverflow.com/questions/796 ... f-the-dots