I have made an html and css code but I inserted 7 links and want them to be displayed one below one. I have them all over each other

HTML code ....

The Seven Wonders of the World

Learn About the Ancient and Modern 7 Wonders of the Worlds

The Original Seven Wonders of the World

The Colossus of Rhodes The Great Pyramid of Giza linked to The Hanging Gardens of Babylon The Lighthouse of Alexandria The Mausoleum at Halicarnassus The Statue of Zeus at Olympia The Temple of Artemis at Ephesus

CSS code .....

a {

display:block;

}

h2{

text-decoration: underline;

text-align: center;

font-family: Helvetica;

font-size: 1.3rem;

font-style: italic;

font-weight: 400px;

}

h3{

text-align: center;

display: block;

}

.box {

margin-left: 250px;

margin-top: 4rem;

}

.link{

margin-left: 250px;

margin-top: 1rem;

display: block;

}

body {

background-color: #f2f1ff;

font-family: Gramond, serif;

line-height: 1.5px;

}