Все в одну строку дату и время

Не получается сделать отображение, чтобы все было одной строкой, хочу разместить под розовой чертой, слева от иконок социальных сетей, сайт https://moon-stories.ru

<font class="font-clock">Сегодня - </font><span class="font-clock" id="date">Дата</span>
<font class="font-clock">Текущее время - </font><span class="font-clock" id="time">Время</span>

Сам скрипт

function clock() {
var d = new Date();
var day = d.getDate();
var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();

month=new Array("января", "февраля", "марта", "апреля", "мая", "июня",
"июля", "августа", "сентября", "октября", "ноября", "декабря");
days=new Array("Воскресенье", "Понедельник", "Вторник", "Среда",
"Четверг", "Пятница", "Суббота");

if (day <= 9) day = "0" + day;
if (hours <= 9) hours = "0" + hours;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;

// date_date = day + " " + month[d.getMonth()] + " " + d.getFullYear() + " г.</br>" + days[d.getDay()] + "";
date_date = days[d.getDay()] + " </br>" + day + " " + month[d.getMonth()] + " " + d.getFullYear() + " г. " + "";
date_time = hours + ":" + minutes + ":" + seconds;

if (document.layers) {
document.layers.date.document.write(date_time);
document.layers.date.document.close();
document.layers.time.document.write(date_time);
document.layers.time.document.close();
}
else {
document.getElementById("date").innerHTML = date_date;
document.getElementById("time").innerHTML = date_time;
}
setTimeout("clock()", 1000);
}
clock();

Что, никто не знает