Discussion :

[singleProject]

Bonjour,

j'aimerais aligner deux bloques qui donnerait ce résultat au final

blabla blabla blabla : 12 ----------------------- blobloblobloblobloblo :24
blabla blabla blabla : 12 ----------------------- blobloblobloblobloblo :24

alors j'ai fais deux div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="bla">
blabla blabla blabla : 12
blabla blabla blabla : 12
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="blo">
blobloblobloblobloblo :24
blobloblobloblobloblo :24
</div>

CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.bla:first-letter
{
	float: left;
	padding-left: 20px;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.blo:first-letter
{
	float: left;
	padding-left: 500px;
}

mais le problème c'est que dans mon résultat j'obtiens toujours un saut de ligne entre les deux bloques !! et marche pas

[htr999]

pourquoi faire simple si l'on peut faire compliqué
essaie ce code et l'adapte à tes besoins

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div style="width: 500px;">
	<div style="float: left;">
		blabla blabla blabla : 12<br />
		blabla blabla blabla : 12
	</div>
	<div style="float: right;">
		blobloblobloblobloblo :24<br />
		blobloblobloblobloblo :24
	</div>
</div>

a+

[avogadro]

float, padding, uhh parfois cette sauce donne une salade qui peut varier selon les navigateurs et selon ce que tu mets dans tes div

comme solution bidon tu peux avoir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table style="width:400px;">
<tr>
<td>
  <div class="bla">
  blabla blabla blabla : 12
  blabla blabla blabla : 12
  </div>
</td>
<td>
  <div class="blo">
  blobloblobloblobloblo :24
  blobloblobloblobloblo :24
  </div>
</td>
</tr>
</table>

a ton choix

[singleProject]

ok merci