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
Post a Comment