Center button group horizontally

This commit is contained in:
Amma 2019-04-11 17:38:17 +02:00
parent 32e563757e
commit afe6a6f2ae

View File

@ -5,7 +5,7 @@ html{
/* Navigation bar */ /* Navigation bar */
nav{ nav{
background-color: #CCCCFF background-color: #CCCCFF;
} }
nav > ul{ nav > ul{
@ -15,11 +15,15 @@ nav > ul{
overflow: hidden; overflow: hidden;
} }
nav > ul >li { nav ul li {
display: inline-block; display: inline-block;
padding: 14px 16px; padding: 14px 16px;
} }
li a{
text-decoration: none;
}
.active{ .active{
background-color: white background-color: white
} }
@ -39,6 +43,11 @@ nav > ul >li {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
} }
.btn-group{
position: relative;
left: 25%;
}
.btn-group button { .btn-group button {
background-color: #4CAF50; /* Green background */ background-color: #4CAF50; /* Green background */
border: 1px solid green; /* Green border */ border: 1px solid green; /* Green border */