PHP printf; Css only works on first row from database - php

Question

Need Help. I tried to show reader comments on my page. The comments are saved in a database (MySQL). I used printf(String, args1,args2) and put some css style on it. Strangely, the css works on the first comment only.
if ($conn = mysqli_connect("$servername", "$username", "$password", "$dbname")){
$sql = "SELECT * FROM kommentare ORDER BY datum DESC";
$ergebnis = mysqli_query($conn, $sql);
while ($zeile = mysqli_fetch_object($ergebnis)){
**$format = "<p><span id='ueberschrift'>%s<span/> <span id='writer'><a href='mailto:%s'>%s<a/> schrieb am:%s<span/><p/>
<p id='kommentare'>%s<p/><hr/>";
printf($format,
htmlspecialchars($zeile->ueberschrift),
urlencode($zeile->email),
htmlspecialchars($zeile->name),
htmlspecialchars(date("d.m.Y, H:i", $zeile->datum)),
nl2br(htmlspecialchars($zeile->kommentar))
);**
}
} else {
echo "Fehler: ". mysqli_connect_error(). "!";
}
#writer{
font-weight: normal;
float:right;
}
#ueberschrift {
font-weight: bold;
font-size: 14px;
}
float:right only works on the first comment (last row from database)
what have I done wrong? Here's an image of the page.

Answer 1

Try using
<span class ='ueberschrift'
<span class ='writer'
NOT
<span id ='ueberschrift'
<span id='writer'
Each id should be unique and only appear once per html document. Class can appear multiple times.
CSS would be:
.writer{
font-weight: normal;
float:right;
}
.ueberschrift {
font-weight: bold;
font-size: 14px;
}
https://css-tricks.com/the-difference-between-id-and-class/

Answer 2

Check your html closing tag, all your html closing tag is wrong.
Slash / is should be put after < so its like </tag>, except self-closing tag like <br /> , <hr /> , etc.
<span/> should be </span>
<a/> should be </a>
<p/> sholud be </p>
And here the completed of your code
if ($conn = mysqli_connect("$servername", "$username", "$password", "$dbname")){
$sql = "SELECT * FROM kommentare ORDER BY datum DESC";
$ergebnis = mysqli_query($conn, $sql);
while ($zeile = mysqli_fetch_object($ergebnis)){
**$format = "<p><span id='ueberschrift'>%s</span> <span id='writer'><a href='mailto:%s'>%s</a> schrieb am:%s</span></p>
<p id='kommentare'>%s</p><hr />";
printf($format,
htmlspecialchars($zeile->ueberschrift),
urlencode($zeile->email),
htmlspecialchars($zeile->name),
htmlspecialchars(date("d.m.Y, H:i", $zeile->datum)),
nl2br(htmlspecialchars($zeile->kommentar))
);**
}
} else {
echo "Fehler: ". mysqli_connect_error(). "!";
}
it might help you https://www.w3.org/TR/html5/syntax.html#end-tags