2017-10-06 3 views
0

Comment mettre une bordure autour d'un texte de bouton sans le mettre autour du rembourrage gauche de la div? Je préférerais ne pas utiliser JS, Flexbox ou CSS3.Comment mettre une bordure autour d'un texte de bouton sans le mettre autour du rembourrage gauche de la div?

C'est ce que j'ai jusqu'à présent:

.button-1 { 
 
    padding: 0 0 0 20px; 
 
    text-align: center; 
 
    border: 1px solid #000; 
 
    border-radius: 7px; 
 
    display: inline; 
 
    margin: -5px auto 0 auto;} 
 

 
<a href="#1" class="button-1">hello</a><a href="#1" class="button-1">cheerio</a>

+3

Qu'en est-il à la place marge de rembourrage? –

+0

Vous avez raison - merci! D'ailleurs, je l'avais essayé et comme cela mettait la frontière trop près du texte, je pensais que "ça ne pouvait pas être le chemin", ne réalisant pas que la distance à la frontière pouvait alors être contrôlée en utilisant "padding". C'est ce qui vient de coder quand on est fatigué. Merci encore. – ruffle

Répondre

0

essayez-vous de cette

<button><span style="border:1px solid; padding 10px; margin-left:10px">Border Around Text</span></button>