Centrer un texte dans un bouton en css

zephir94 Messages postés 26 Date d'inscription   Statut Membre Dernière intervention   -  
zephir94 Messages postés 26 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous,

j'ai un problème pour centrer du texte au sein d'un bouton rond crée en css,
voici mon code css suivi de la partie html.

 <style type="text/css">
a:link
{
text-decoration:none;
border: none
outline-style:none;
}
a:hover
{
color:black;
border: none;
cursor: pointer;
outline-style:none;
}
.submit {
width:35px;
height:35px;
background:#000000;
font:bold 25px monotype corsiva;
outline-style:none;
border-radius:50%;
border: 2px solid #ffffff;
color: #ffffff;
}
.submit:hover
{
width:35px;
height:35px;
background:#000000;
font:bold 25px monotype corsiva;
outline-style:none;
border-radius:50%;
border: 2px solid #FFFFFF;
color: #FF8000;
}
</style>
<div align="center"><table align="center" border=0>
<tr>
<td width="60"><div style="text-align:left;"><input type="submit" id="left-but" class="submit" value="<"/></div></td>
<td width="60"><div style="text-align:right;"><input type="submit" id="right-but" class="submit" value=">" /></div></td>
</tr>
</table>
<p id="title-text"></p>
<p id="alt-text"></p> </div>
</style>

Pour l'instant > ou < sont placés à droite vers le bas dans le bouton, vous remerciant par avance

21 réponses

zephir94 Messages postés 26 Date d'inscription   Statut Membre Dernière intervention   2
 
Penses tu que en css on peut incurver ma bannière de titre ( qui est une image ) pour lui donner un effet de demi cercle mais de face ? je ne trouve rien sur le web
0