I need assistance setting up a horizontal scrolling menu for my project. The requirement is to position the middle button in the center of the .scrollmenu div.
Currently, I am working with HTML and CSS, but open to suggestions involving javascript as well.
Your support on this matter would be highly valued.
.container {
width: 414px ;
text-decoration: none;
}
div.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
}
div.scrolling a {
display: inline-block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
width:100px;
border-weigth: 1px;
border-color:white;
border-style: solid;
}
div.scrollmenu a:hover {
background-color: #777;
}<div class="container">
<div class="scrollmenu">
<a href="">A</a>
<a href="">B</a>
<a href="">>!Middle!<</a>
<a href="">D</a>
<a href="">E</a>
</div>
</div>