Aligner du texte déjà centré Html
coastlyne
-
midnnight -
midnnight -
Bonjour,
J'ai créé une page html avec des titres en milieu de page et j'aimerais que ces titres soient alignés (qui soit en milieu de page mais qu'ils commencent tous au même niveau):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div align="center">
Texte 1 - Gestion de la boulangerie et de l'épicerie<br/>
Texte 2 - Gestion de l'Information Géographique au sein du département<br/>
</div>
</body>
</html>
Je ne sais pas si je suis très claire.
Merci par avance.
J'ai créé une page html avec des titres en milieu de page et j'aimerais que ces titres soient alignés (qui soit en milieu de page mais qu'ils commencent tous au même niveau):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div align="center">
Texte 1 - Gestion de la boulangerie et de l'épicerie<br/>
Texte 2 - Gestion de l'Information Géographique au sein du département<br/>
</div>
</body>
</html>
Je ne sais pas si je suis très claire.
Merci par avance.
A voir également:
- Aligner du texte déjà centré Html
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Numéro du centre sms - Guide
- Editeur html - Télécharger - HTML
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
3 réponses
Bonjour,
il est où ton css ?
Copie et colles ça :
<html>
<head>
<title>Ma page</title>
<style type="text/css">
#container
{
width:900px;
min-height:300px;
border:1px dashed blue;
}
.centrer
{
margin-left:auto;
margin-right:auto;
}
#Texte1
{
text-align:center;
color:red:
font-size:19px;
font-family:comic sans ms;
}
</style>
</head>
<body>
<div id="container">
<div class="center">
<p id="Texte1">
Ma phrase est centrée, non ??<br />Encore faut il définir les dimenssions aux alenours... N'est-ce pas ?
</p>
</div>
</div>
</body>
</html>
A ++
Yop
il est où ton css ?
Copie et colles ça :
<html>
<head>
<title>Ma page</title>
<style type="text/css">
#container
{
width:900px;
min-height:300px;
border:1px dashed blue;
}
.centrer
{
margin-left:auto;
margin-right:auto;
}
#Texte1
{
text-align:center;
color:red:
font-size:19px;
font-family:comic sans ms;
}
</style>
</head>
<body>
<div id="container">
<div class="center">
<p id="Texte1">
Ma phrase est centrée, non ??<br />Encore faut il définir les dimenssions aux alenours... N'est-ce pas ?
</p>
</div>
</div>
</body>
</html>
A ++
Yop
Bonjour,
merci pour ce code, effectivement je ne connais pas bien le css donc je ne savais pas comment m'y prendre.
Centrer le texte je sais faire mais ce que j'aimerais c'est que la deuxième phrase commence en-dessous et au même niveau que la première et ça je n'y arrive pas...
Merci
merci pour ce code, effectivement je ne connais pas bien le css donc je ne savais pas comment m'y prendre.
Centrer le texte je sais faire mais ce que j'aimerais c'est que la deuxième phrase commence en-dessous et au même niveau que la première et ça je n'y arrive pas...
Merci
dans ce cas là tu fais un petit bout de css (style="") dans le html pour voir :
Et tu règles style="margin-left: au nombre de px voulu ou en - si retrait...
<!-- phrase 1 --> <p id="Texte1"> Ma phrase est centrée, non ??<br />Encore faut il définir les dimenssions aux alenours... N'est-ce pas ? </p> <!-- phrase 2 --> <p id="Texte1" style="margin-left:24px;"> Ma phrase N° 2</p>
Et tu règles style="margin-left: au nombre de px voulu ou en - si retrait...
