Discussion :

[RimaG]

Hi,

Can someone help me doing this part of maquette with html/css:


I do write this code but it doesn't work correctly
html:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<hr>
				<div>
					<div class="left-part"><h6>Le projet est <span class="important-numbers">26 </span></h6></div><div><h6 class="grey-text">jours en retard</h6></div>
				</div>
				<div class="right-part">
					<div class="left-part">
						<div><h6>Fin prévue</h6></div>
						<div><p class="grey-text">17/02/2018</p></div>
					</div>
					<div class="left-part"><span class="important-numbers">5 </span></div><div><h6 class="grey-text">jours en avance</h6></div>
				<hr>

Css:

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
	.important-numbers{
		font-weight: bolder;
		font-size: 20px;
	}
 
	.grey-text{
		color: #C9C7C7;
		font-weight: normal;
	}
	.left-part{
		float: left;
		margin-right: 20px;
	}
	.right-part{
		float: right;
	}

Many thanks