Text allign met Css

[lerrie]

Ik werkte vroeger veel met tabellen om bijvoorbeeld text in een footer goed in bijv. 3 delen te kunnen centreren/rechts-/linksuitlijnen. Maar ik wil van al mijn tabellen af.

Ik heb nu bijv een footer, waarin ik op 3 delen tekst wil hebben (Links, midden en rechts) hoe kan ik er met alleen css ervoor zorgen dat de linker tekst links op de footer gecentreerd wordt, de middelste tekst in het midden etc. zonder hiervoor apart divs aan te maken?

Alvast bedankt

 

[michelscot]

hallo Lerrie :thumb:

 .tabel1 td {
     text-align: left;
}
.tabel2 td {
    text-align: center;
}
.tabel3 td {
      text-align: right;
}

groetjes michelscot

 

[lerrie]

Het was juist mijn bedoeling om geen tabellen meer te gebruiken!

 

[michelscot]

hallo Lerrie :thumb:

#footer{
	width : 100%;
	height : 40px;
	background-color : gray;
	text-align:center;
	position : relative;
	float :inherit;
}
#footerEen{
	background-color : aqua;
	height : 40px;
	width : 33%;
	position : relative;
	float : left;
	text-align : left;
	padding-left : 20px;
}
#footerTwee{
	background-color : fuchsia;
	height : 40px;
	width : 33%;
	position : relative;
	float : right;
	text-align : right;
	padding-right : 20px;
}

<div id="footer">
	<div id="footerEen"></div>
    <div id="footerTwee"></div>
</div>

 

[michelscot]

hallo Lerrie :thumb:

#footer{
	width : 100%;
	height : 40px;
	background-color : gray;
	text-align:center;
	position : relative;
	float :inherit;
}
#footerEen{
	background-color : aqua;
	height : 40px;
	width : 33%;
	position : relative;
	float : left;
	text-align : left;
	padding-left : 20px;
}
#footerTwee{
	background-color : fuchsia;
	height : 40px;
	width : 33%;
	position : relative;
	float : right;
	text-align : right;
	padding-right : 20px;
}

<div id="footer">
	<div id="footerEen"></div>
    <div id="footerTwee"></div>
</div>

groetjes michelscot

 

[lerrie]

zonder hiervoor apart divs aan te maken?

Toch bedankt!

 

[csshunter]

Zonder hiervoor aparte divs aan te maken:

<div id="footer">
   <p>...</p>
   <p>...</p>
   <p>...</p>
</div>

met alle drie de <p>'s links gefloat, met een breedte van 1/3 van de paginabreedte, en met text-align:center.
Zou dat gaan?

Met vriendelijke groet,
CSShunter