Wie zentriere ich ein HTML-Anker-Tag? ⇐ CSS

[Anonymous]

Ich versuche, das „a href“-Tag in meinem Projekt zu zentrieren, weiß aber nicht, wie ich das machen soll.
So soll es aussehen:


Und so sieht mein Tag aus:


Und hier ist mein Code

Code: Select all

Colleges

body{
background-image:url("https://codehs.com/uploads/6df376d8bee7e0fde56acba4600f70d0");
background-attachment:fixed;
background-size:cover;
padding:10px;
}
h1{
color:#021303;
text-align:Center;
font:90px MV Boli,rage;
}
img{
width:450px;
height:350px;
}
img.center{
display:block;
margin-left:auto;
margin-right:auto;
}
img.right{
float:right;
margin-left:15px;
margin-bottom:15px;
}
img.header{
border:none;
}
br.right{
clear:right;
}
hr{
border-style:outset;
border-width:5px;
border-color:#0d1d10;
background-color:#154217;
height:8px;
}
ol,ul{
font:20px MV Boli;
color:#073d0a;
}
ol.ur{
list-style-type:upper-roman;
}
a:link, a:visited, a:active{
font: 25px MV Boli;
background-color:#cccccc;
color:#073d0a;
text-align:center;
text-decoration:none;
}
a:hover{
color:#106b15;
background-color:#0a440d;
text-decoration:none;
}
.center{
text-align:center;
}
a.center{
display:block;
margin-left:auto;
margin-right:auto;
}





Table of Contents
[url=#features]Go to:features[/url]

[url=#ceo]Go to:ceo[/url]

[url=#hobbies]Go to:hobbies[/url]



THE BEST FEATURES OF THE INTERNET
[url=#toc]Go to:Table of contents[/url]

[url=#ceo]Go to:ceo[/url]

[url=#hobbies]Go to:hobbies[/url]

[list]
[*]You can meet new people from countries around the world.
[*] You have access to new media as it becomes public:

[*]New Games
[*]New applications


[*]For Business
[*]For Research
[*]For FUN
[/list]

[*]Around the Clock News
[*] Search Engines
[*]Shopping
[*]Programming

[list]
[*]HTML
[*]Java
[*]Dynamic HTML
[*]Scripts
[*]New languages
[/list]



[*]Links
[*]Keeping in touch with old friends
[*] It is the technology of the future!


3 CEO's
[url=#toc]Go to:Table of contents[/url]

[url=#features]Go to:features[/url]

[url=#hobbies]Go to:hobbies[/url]

[list]
[*]Biz Stone
[*]Tim Cook
[*]Michael Dell
[/list]

  My Hobbies
[url=#toc]Go to:Table of contents[/url]

[url=#features]Go to:features[/url]

[url=#ceo]Go to:ceo[/url]

[list]
[*]Baking
[*]Cooking
[*]Sewing
[*]Playing piano
[*]Painting
[*]Crocheting
[*]Drawing
[*]Sketching
[*]
[*]
[/list]
[url=#toc]Go to:Top[/url]

Ich habe versucht, „text-align:center;“ einzufügen. in meinen a-Style-Tags, aber das hat nicht funktioniert. Ich habe auch versucht, „text-align:center;“ zu erstellen. als eigenen Style-Tag hinzufügen und diesen dann als Klasse in a href einfügen, und es hat auch nicht funktioniert. Wenn jemand das Wissen hat und es teilen möchte, wäre es hilfreich.