I have a
hyperlink
<a id="addNew" class="newEvent" href="/html/addNew.html">
<label class="add">+</label>
</a>
.newEvent {
position: fixed;
bottom: 6vw;
right: 6vw;
height: 10vw;
width: 10vw;
border-radius: 50%;
border-color: transparent;
background-color: #ce0808;
box-shadow: 3px 3px 5px #888888;
align-content: center;
}
.add {
font-size: 6vw;
color: #ffffff;
position: relative;
}
+
text-align
margin: 0 auto
+
You had ommited the display type. I assume you wanted to use flexbox based on align-items
?
.newEvent {
position: fixed;
bottom: 6vw;
right: 6vw;
height: 10vw;
width: 10vw;
border-radius: 50%;
border-color: transparent;
background-color: #ce0808;
box-shadow: 3px 3px 5px #888888;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.add {
font-size: 6vw;
color: #ffffff;
position: relative;
}
<a id="addNew" class="newEvent" href="/html/addNew.html">
<label class="add">+</label>
</a>