text-align: right;

[Liberate]

<div style="width: 700px;"><span style="text-align: right;">Защо надписа си стои в ляво?</span></div>

 

[jooorooo]

<div style="width: 700px;text-align: right;"><span>Защо надписа си стои в ляво?</span></div>

Защото span не е блоков елемент и width му е променлив според текста в него.

 

[Liberate]

е да ама там е проблема - div-а ми е с определена ширина, а в него само един от всичките елементи ми трябва да е в дясно... за тва не мога да сложа text-align: right на целия div...

 

[jamby77]

Промени това:

<div style="width: 700px;"><span style="text-align: right;">Защо надписа си стои в ляво?</span></div>

На това:

<div style="width: 700px;"><div style="text-align: right;"><span >Защо надписа си стои в ляво?</span></div></div>

 

[Liberate]

не става щото трябва да задам тогава на div-а display: inline, което автоматичо нулира text-align

 

[jamby77]

Нещо не мога да те разбера. Ако спана не е сам на ред (ако е дива не пречи!) тогава как да е само той в дясно? Може би ако дадеш целия откъс от кода ще разберем по-добре

 

[Liberate]

body {
	margin: 0;
	font: 100% Arial;
}
pre {
	margin: 2px;
	padding: 0;
	color: #000;
	display: inline;
}
#cont {
	margin: 0;
	padding: 0;
	width: 700px;
	height: auto;
	overflow: hidden;
}
.title {
	margin: 0;
	padding: 2px;
	width: 700px;
	height: auto;
	background: #d46fde;
}
.number {
	margin: 0;
	margin-right: 8px;
	padding: 0;
	color: #3d59ab;
}
.poster {
	margin: 0;
	padding: 0;
	color: #000;
}
.date {
	margin: 0;
	margin-left: 8px;
	padding: 0;
	color: #3d59ab;
}

<?php
echo '<link rel="stylesheet" type="text/css" href="style.css">
<div id="cont">';
$number=0;
$messages = glob("messages/*");
natsort($messages);
foreach($messages as $message){
$number++;
$full = explode(';',$message);
echo "\n<div class=\"title\">\n<span class=\"number\">#$number</span>";
$poster = $full[1];
$hour = $full[2];
$min = $full[3];
$sec = $full[4];
$day = $full[5];
$month = $full[6];
$year = $full[7];
echo "\n<span class=\"poster\">$poster</span>\n<span class=\"date\">$hour:$min:$sec   $day-$month-$year</span>\n</div>";
}
echo '
</div>';
?>

 

[jamby77]

OK, и кой спан сега трябва да е в дясно? В ЦСС няма селектор който да има
text-align: right;

 

[Liberate]

date

 

[Liberate]

оправих се с таблици, въпреки че наистина не исках да ги ползвам...

 

[jamby77]

Ясно. Ами в този си вид няма как да стане. За да имитираш каквото ти трябва можеш да пробваш :

.date { 
   margin: 0; 
   margin-left: 500px; / *увеличен ляв марджин колкото ти трябва, примерно 500 */
   padding: 0; 
   color: #3d59ab; 
}

проблема е че ако ти се променя дължината на текста, а тя сигурно ще се променя, ще ти мърда насам натам.
Вариант 2 е да сложиш

<div class="title">
<div class="left" />
<span class="number">#$number</span><span class="poster">$poster</span>
</div>
<div class="right">
<span class="date">$hour:$min:$sec   $day-$month-$year</span>
</div>
</div>

CSS

div.left{
width: 80%;/* shirina kolkoto ti tryabva*/
float: left;
}
div.right{
width: 20%;/* shirina kolkoto ti tryabva*/
float:right;
}

Така кода става повече, си сигурен колко са ти широки секциите и че са поравнени наляво и надясно.