html - Make links all the same width -


i have buttons change width according text inside buttons. how make them same width? i've tried editing css , adding min-width:100px , width:100px; doesn't work.

a {    min-height: 0px;    min-width: 0px;    line-height: 45px;    border-width: 0px;    margin: 0px;    padding: 6px 13px 5px;    letter-spacing: -1px;    font-size: 20px;  }  div {    z-index: 7;    white-space: nowrap;    min-height: 0px;    min-width: 0px;    line-height: 38px;    border-width: 0px;    margin: 0px;    padding: 0px;    letter-spacing: 0px;    font-size: 24px;    left: 1148px;    top: 425px;    visibility: visible;    opacity: 1;    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);  }
<a href="#" class="tp-button red small">mit</a>    <div class="tp-caption noshadow tp-fade tp-resizeme start" data-x="center" data-hoffset="200" data-y="bottom" data-voffset="-50" data-speed="300" data-start="500" data-easing="power3.easeinout" data-splitin="none" data-splitout="none" data-elementdelay="0.1"  data-endelementdelay="0.1" data-endspeed="300"><a href="#" class="tp-button red small">brandies</a>

links inline default. set them inline-block widths applied.

a.tp-button {   display: inline-block; } 

Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -

How to provide Authorization & Authentication using Asp.net, C#? -