J'utilise WORDPRESS 5.2.2 dernière version

Je souhaite écrire comme cela :

S
A
L
U
T


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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>
<head>
<style>
.menu {
        position:relative;
        background: orange;
        height:600px; /* HAUTEUR menu */
}
 
ul {
        position:absolute;
        left:600px;     /* idem HAUTEUR menu */
        transform-origin: bottom left; /* origine de la rotation : coin en bas à gauche */
        top:25px; /* décalage, dû à la rotation */
        height:600px; /* idem HAUTEUR menu */
        list-style-type: none;
        /* Safari */
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        /* Internet Explorer */
        transform: rotate(-90deg);
}
 
li {
  /*   position:relative; /*  z-index:20; */
        width:600px; /* (hauteur !) idem HAUTEUR menu */
        height:60px; /* (largeur !) */
        padding:10px 0px;
        border:1px solid #fff;
        text-align:center; /* center;   */
        background: green;
    width:600px;
    bottom:0px;left:0px; /* bottom:-30px;left:0px; */
}
.verticalWritingFrs{
        /* Marche pas completement */
     
  writing-mode: vertical-lr;
   text-orientation: upright; 
  transform: rotate(+90deg);
  word-wrap:break-word;
text-align:center;
float:center; 
  }
</style>
 </head>
<body>
 <div class="menu">
	<ul>
		<li><span class="verticalWritingFrs">Jeudi 03 octobre</span></li>
				<li >Texte 3</li>
        <li><span>Jeudi 03 octobre</li>
	</ul>
</div>
 </body>
</html>

le texte se met sur plusieurs colonnes et ne reste pas au centre

Merci de votre réponse qui va me faire avancer

Très cordialement
Nom : Résultat.jpg Affichages : 685 Taille : 34,8 Ko