28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un paragraphe, aligné à gauche. Je souhaiterais que l'une des lignes soit centrer. Je n'y arrive pas en restant dans les normes XHTML 1.0 Transitional

Je voudrais faire l'équivalent de ca :
<p>
    les premières lignes avec du texte aligné à gauche
    <center>une ligne centrée</center>
    et finir le paragraphe avec des lignes alignées à gauche
</p>


Ca parait simple, mais pas moyen.
Si l'un d'entre vous a une idée, je lui en serai très reconnaisant


Merci
Modifié par dkrte (11 Jun 2008 - 16:24)
Salut, salut Smiley cligne ,

quelque chose comme ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>test</title>
	<style type="text/css" media="screen,projection"><!--
		p {
			width: 500px;
			background-color:#FF6633;
		}
		.center {
			text-align:center;
			display:block;
		}
	--></style>
</head>
<body>
<p>
    les premières lignes avec du texte aligné à gauche
    <span class="center"> une ligne centrée </span>
    et finir le paragraphe avec des lignes alignées à gauche
</p>
</body>
</html>

A+
Modifié par Heyoan (30 May 2008 - 18:34)
Ca marche, merci.
Il me manquait seulement le "display:block". J'y étais presque, mais j'y arrivai pas tout seul.
Modifié par dkrte (11 Jun 2008 - 16:24)
Bonsoir Heyoan

Hé bien merci,aussitot fait et fonctionnel.

Sauf p {width: 500px; background-color:#FF6633 },que je ne vois pas à quoi c'est utile?
Pour cette application je parle.
Salut,
griggione a écrit :
Sauf p {width: 500px; background-color:#FF6633 },que je ne vois pas à quoi c'est utile?
Pour cette application je parle.
En fait c'est inutile... si ce n'est pour bien faire ressortir le paragraphe par rapport au body Smiley cligne !