[Résolu] Placer deux Div côte à côte

Bonjour

Je suis désolé de poser cette question mais je ne comprends vraiment pas pourquoi mon code ne fonctionne pas.
Je souhaite que les blocs règle et exple figurent à côté au même niveau or le bloc exple est décalé.

Merci infiniment pour votre aide

 
.regle {
	width: 60%;
	/*display: inline-block;*/
	float: left;
	/*padding: 5px 10px;*/
	box-shadow: black 0.5em 0.5em 0.3em;
	border: solid thin red;
	background: #F3C0CB;
	border-radius: 1em;
	-moz-border-radius: 1em ;
	-webkit-border-radius: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
}
.exple {
	display: inline-block;
	margin-top: 5px;
	margin-left: 65%;
	height: auto;
	padding: 10 px;
	box-shadow: black 0.3em 0.3em 0.3em;
	background: #F6FF8C;
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}      

Salut,

C'est à cause du

margin-left: 65%;

de .exple

Tu peux l'enlever. Le float left suffit a mettre regle à gauche de exple mais tu le décale encore plus. Et 65% + 65% bah ca le fait tomber à la ligne

Bonne soirée
Modifié par _laurent (18 Feb 2020 - 22:28)

Merci Laurent mais ça ne fonctionne pas.
J'avais réduit la largeur de .exple justement pour qu'il prenne sa place à côté de .regle mais en ne l'imposant pas il retourne à la ligne

Salut,

Alors il nous manque des billes. Si je copie-colle ton code et que j'enlève le margin ça donne ça : https://jsfiddle.net/undless/yqfb63vh/

Tu peux reproduire ta situation dans un fiddle vierge : https://jsfiddle.net/ ?
(Ou nous donner une adresse si le site est en ligne, ou nous donner plus de code...)

Bonne journée

Ok je crois que je viens de comprendre, c'est le texte à l'intérieur qui est beaucoup plus long que dans mon test. Du coup c'est le display:inline-block; qu'il faut enlever plutot que le margin je dirais : https://jsfiddle.net/undless/yqfb63vh/3/

Bon...après plusieurs essais j'ai trouvé (je pense).

J'avais fixé max-width de body à 54 em pour une largeur plus agréable à l'oeil.

J'ai laissé tel quel mais j'ai fixé la largeur de exple à 45% et celle de regle à 50%.

le résultat est moche mais ça fait ce que je veux

désolé...après le run du JSFiddle comment partager ?

https://jsfiddle.net/TEP81/sbh83eqk/2/

merci pour votre aide