Рамещение элементов рнр горизонтально

[NataHamster]

Друзья, помогите пож

<?php
$data = strftime ('%d-%m-%y');
echo '<h4>Сегодня ', $data, '</h4>';
?>

<?php
if($visitCounter == 1){
echo "Спасибо, что зашли на огонек!";
}else{
echo "Вы зашли к нам $visitCounter-й раз<br>";
echo "Последнее посещение $lastvisit<br>";
}
?>

вот эти 2 элемента надо разместить так, чтобы 1 был в левой части страницы, другой в правой. С помощью display: inline; подобно тому как на этой странице, http://htmlbook.ru/faq/kak-razmestit-elementy-spiska-.. не вышло(( Таким образом только текстовые элементы размещаются. Заранее спасибо.

[Yan9]

В css задайте размеры width, height и двигайте куда нужно float:left, float:right;
Либо используйте inline-block

[NataHamster]

Ян, спасибо большое за ответ, вот что сделала
<style type="text/css">
li {
display: inline-block;
color: #333366;
float: left;
}
</style>
<?php
echo "<ul>";
echo "<li>";
$data = strftime ('%d-%m-%y');
echo '<h4>Сегодня ', $data, '</h4>';
echo "</li>";
echo "<li>";
if($visitCounter == 1){
echo "Спасибо, что зашли на огонек!";
}else{
echo "Вы зашли к нам $visitCounter-й раз<br>";
echo "Последнее посещение $lastvisit<br>";
}
echo "</li>";
echo "</ul>";
?>
<p><h3>Добро пожаловать на наш сайт!</h3></p>

Только фраза "Добро пожаловать на наш сайт!" тоже попала в это инлайн, хотя должна быть уже следующей строкой, что не так?

[Yan9]

Не за что)
Я потом отредактировал свое первое сообщение, первый раз немного некорректно его написал.
Если хотите использовать inline-block, то стили напишите такие:

ul{
    margin:0;
    padding:0;
    list-style:none;
}
li{
    display: inline-block;
}

А float используйте для блочных элементов. Надпись "Добро пожаловать" залезает на предыдущие из-за обтекания. Как будет время, выучите этот вопрос, а пока напишите как выше.

[NataHamster]

Ян, огромное спасибо, чтобы без Вас делала, билась несколько часов. CSS планирую начать изучать в ближайшее время, теперь уж поняла как он важен, только хочу доделать вот эту работу. А именно - как сделать так, чтобы фраза "Вы зашли к нам 2-й раз
Последнее посещение 31-10-2015 11:46:36" была в правом углу страницы, сейчас она вплотную стоит к "Сегодня 31-10-15"

[Yan9]

Без проблем)
Тогда сделайте следующее (при условии, если у Вас только 2 пункта списка и html будет таким, как Вы написали):

ul{
    margin:0;
    padding:0;
    list-style:none;
}
li:first-child{
	float: left;
}
li:nth-child(2){
	float: right;
}
p{
	clear: both;
}

Если набор пунктов списка будет другим, то лучше задайте тому <li>, который должен быть справа, id="right", например. И потом в css вместо li:nth-child(2) напишите #right. Если html без изменений, то оставьте как есть)

[NataHamster]

Все, огромное Вам спасибо, чтобы без Вас делала)

[Yan9]

не за что, успехов)