Hello tout le monde,

Petit souci chez moi et pas moyen de comprendre ce qu'il se passe. Fonctionne sous chrome.
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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
.presentation {
	visibility: hidden;
	position: absolute;
	left: -50px; top: 40%;
	width: 100%;
	transform: translateY(-50%);
	padding: px-to-rem(30px);
	background-color: rgba(#fff, 0.75);
	text-align: right;
 
 
	.title {
		margin-bottom: 0;
	}
 
	p {
		color: $light-blue-3ds-color;
		font-family: $app-font-family;
		font-size: px-to-rem(28px);
	}
}
#step1-screen {
	z-index: 11;
 
	.presentation .title {
		display : inline-block;
	}
 
	.presentation .num {
		content: url('../images/title1.png');
		margin-top: px-to-rem(26px);
		padding-left: px-to-rem(26px);
		float:right;
	}
 
	.presentation .p {
		display : inline-block;
	}
}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div class="presentation">
						<span class="num"></span> 
						<h3 class="title">Blabla</h3>
						<p>Blablabla</p>
					</div>
Le but étant d'avoir un double titre de taille différente avec "1" entouré d'un cercle qui correspond au .png

Merci d'avance