Bonjour à tous et à toutes,

Je viens aujourd'hui vers vous car j'ai un petit soucis avec mon bouton en CSS.

J'aimerais que celui-ci soit un peu plus haut :

Exactement à la hauteur de Théâtre en fait

Voici mon code CSS : 

.btn-go {
float: right;
background-color: #0b3856;
padding: 7px 8px 7px 10px;
text-transform: uppercase;
letter-spacing: 1.5px;
border-radius: 8px;
color: white;
margin: 15px 20px 15px 0;
cursor: pointer; }

.btn-go:hover {
background-color: #0f0f0f; }

Je remercie d'avance toute personne pouvant m'aider :) 

MarvynCorre1 a écrit:

Hello ! petit indice => Il faut que tu joues avec l'attribut margin et padding, bonne chance à toi

Pas vraiment le padding change juste la taille du bouton GO

Résolu : Il suffisait d'ajouter un margin-top: -40px;

-
Edité par BaptisteNex 18 octobre 2018 à 4:40:30

Bonjour,

Les marges négatives ce n'est jamais une solution propre, c'est souvent embêtant à gérer en responsive par exemple.

Il y a certainement des solution beaucoup plus propres. Un simple display flex sur le parent de ton texte et de ton bouton et c'est réglé. Mais pour te guider dans la recherche d'une solution de qualité il faut avoir ton HTML sous les yeux...