Bonjour
Voici mon code.
Code html : 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 <style type="text/css"> html{font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;font-size:13px;color: black } a{text-decoration: none; color: black} a:hover{text-decoration: none;color: #0072c6;} .decors_letter{ font-size: 20px;color:white;width: 20%;background-color:#0072c6;text-align:center;vertical-align : middle; } .flex-container { display: flex; box-shadow: 1px 1px 1px 1px #C0C0C0;overflow: hidden; <!-- border-radius: 10px 100px / 120px; --> } .flex-link{ padding-left:10%; color:#0072c6; } </style> </head> <body> <div class="flex-container"> <div class="decors_letter">A</div> <div class="flex-link"> <a href="#"</a>ligne</br> <a href="#"</a>ligne</br> <a href="#"</a>ligne</br> <a href="#"</a>ligne</br> <a href="#"</a>ligne</br> </div> </div>
Je n'arrive pas à inscrire dans "flex-container", le fait pour ses enfants "decors_letter" et "flex-link" d'être centrés verticalement.
Merci d'avance pour votre aide.
Partager