I've been trying to align buttons on the left, center, and right side but haven't had any success. How can I ensure that buttons are aligned properly on each side, even when adding more buttons?
When adding more buttons to the left, I want them to start from the left side and move towards the right side.
Similarly, when adding more buttons to the center, I want them to start from the center and move towards both the right and left sides.
And for buttons added to the right, they should start from the right side and move towards the left side.
If anyone has a solution for properly aligning buttons on the left, center, and right sides, please help me out!
<footer class="footer">
<div class="ct-footer-post">
<div class="container">
<div class="inner-left">
<button>
Left btn 1
</button>
<button>
Left btn 2
</button>
<button>
Left btn 3
</button>
</div>
<div class="inner-center">
<button>
Center btn 1
</button>
<button>
Center btn 2
</button>
<button>
Center btn 3
</button>
</div>
<div class="inner-right">
<button>
Right btn 1
</button>
<button>
Right btn 2
</button>
<button>
Right btn 3
</button>
</div>
</div>
</div>
</footer>
To view the demo, click here: https://jsfiddle.net/hpyksndj/8/