Expand as needed to fit text Solution is to set it to inline-block:

Link to be turned into a button: CSS Align button left / right / center margin: auto; will not work with an inline-block. You need to set the text alignment of the containing element to set the alignment, e.g. Centre align a group of buttons Put the buttons inside: <div class=”MyButtonContainer”></div>