Centrer du texte

Version imprimable

17/01/2022, 21h12
roi86

Centrer du texte

Bonjour,mon texte se centre bien sur grand écran pc mais sur les plus petits écrans (tél) il déborde .
Que puis je faire ?
J'ai déjà essayé les class "container" "align-items-center"
Mais à chaque fois ca me centre le bas de la page sur le haut de la page au lieu de me centrer juste le texte
Des idées ?
Un grand merci à l'avance
17/01/2022, 21h26
MPython Alaplancha

Bonjour,
Tu utilises quelle interface graphique pour afficher ton texte?
17/01/2022, 21h35
roi86

Bonjour, ca s'affiche sur une page web
17/01/2022, 21h45
MPython Alaplancha

ah d'accord. Je laisse la place à un intervenant qui connait ce domaine. (ce qui n'est pas mon cas)
17/01/2022, 23h53
Invité

Nettoyage suite à déplacement de la discussion
Salut !

Hum, c'est pas de l'HTML tout simplement ?
Code:

1 2 3 4 5 6 <style> .center { text-align: center; } </style> <div class="center">Toto</div>
Ou :

Code:

<center>Toto</center>

Ou :

Code:

<div style="text-align:center">Toto</div>

2 pièce(s) jointe(s)

hello,Le narvalo
je pense que c'est du python.
voilà mon code. T'es pas obligé de tout lire j t'ai juste envoyé une partie du code de la page web pour que tu vois à quoi ca ressemble et pour que tu puisses peut être me dire ou j devrai idéalement placer la commande que tu m'as proposé parce que là ou j la place çà change malheureusement rien .C'est centré sur grand écran mais pas sur téléphone .La phrase que j veux centrer c'est "YOUR GO-TO SUPPLIER OF BELGIAN CRAFT BEER" tout à la fin du code. En fait elle est centrée mais déborde sur les cotés comme tu peux voir sur la première photo(tél).l'idéal ce serait qu'elle apparaisse en entier sur l'écran au dessus dans la zone orange comme je l'ai rajouté en rouge avec paint

Code:

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
				<div class="slider-container rev_slider_wrapper" style="height: 100vh;">
					<div id="revolutionSlider" class="slider rev_slider" data-version="5.4.8" data-plugin-revolution-slider data-plugin-options="{'sliderLayout': 'fullscreen', 'delay': 9000, 'gridwidth': 1170, 'gridheight': 1000, 'disableProgressBar': 'on', 'responsiveLevels': [4096,1200,992,500], 'parallax': { 'type': 'scroll', 'origo': 'enterpoint', 'speed': 1000, 'levels': [2,3,4,5,6,7,8,9,12,50], 'disable_onmobile': 'on' }}">
						<ul>
							<li class="slide-overlay" data-transition="fade">
								<img src="{% static 'img/blank.gif'%}"
									alt="Loading"
									data-bgposition="center center"
									data-bgfit="cover"
									data-bgrepeat="no-repeat"
									class="rev-slidebg">
 
 
								        </div>
                                                                       <div class="center">Toto</div
					                               <div class="row align-items-center">
                                                                       <div class="tp-caption font-weight-extra-bold text-color-dark negative-ls-2"
									data-x="center"
									data-y="center" data-voffset="['-300','-300','-300','-75']"
									data-start="700"
									data-fontsize="['50','50','50','90']"
									data-lineheight=['100','100','100','180']
									data-transform_in=;opacity:0;s:500;" style="z-index: 5;">YOUR GO-TO SUPPLIER OF BELGIAN CRAFT BEER</div>
 
				    </div>
                </div>

Pièce jointe 611992
Pièce jointe 611994
Merci d'avance pour ton aide

18/01/2022, 18h13
Invité

Ah oui quand même, j'avais encore jamais rencontré une personne qui ne sait même pas dans quel langage il code... C'est juste écrit dans l'extension du fichier !
Sinon n'oublie pas de fermer la balise correctement : <div class="center">Toto</div> et d'utiliser l'intégralité du code avec le style... Essaye tout simplement ça : <center>Toto</center>