html

.buttonContainer
  .button
  .button

css

.buttonContainer {
  display: flex;
}

.buttonContainer .button {
  height: 56px; // halt die selbe Höhe, müssen keine 56px sein, aber diese Höhe ist in Ordnung
}

Du meinst in den Büchern? Da würde ich einfach mal nachblättern. ;)

Ansonsten sind seine Fragen, wenn ich es recht in Erinnerung habe, immer recht persönlich.

Die Gerüchte sind falsch. Das Gerücht kam auf, als WB den Tolkien-Erben wegen eines Rechtsstreites um den Gewinn von Videospielen ein "Strafgeld" zahlen musste, was halt diverse Millionen waren.
Aufgrund der "Bezahlung" an die Tolkien-Erben kam dann das Gerücht auf, dass WB sich neue Rechte gekauft hätte und das wäre dann das Silmarillion.

Davon abgesehen wäre eine Silmarillion-Verfilmung sicherlich schlecht, denn um die Geschichten in einen Zusammenhang zu bringen, denn nur so kann man es der breiten Masse verkaufen, müsste man einiges biegen und brechen. Verfilmbar ist das Silmarillion jedoch. Zum Herrn der Ringe meinte man auch mal, dass es unverfilmbar sei.

Du hast im Prinzip zwei Ergebnisse, die du erreichen möchtest:

1. Wie oft passt y in x

2. Was ist der Rest

zu 1.

x = 10
y = 6
rest = 10 % 6 = 4

zu 2.

wieOft = 10 / 6 = 1.666 = Math.round(1.666) = 2

Für genauere Nachkommastellen würde ich es wie folgt machen:

Math.round(1.666 * 100) / 100 = 1.67

Etwas unelegant, aber funktioniert.

Dein Konstrukt ist vermutlich folgendes: Die Schrift steckt in einem Container, der wiederum irgendwo in der Webseite verschachtelt ist.
Um ein Element unabhängig zu machen, muss es die position: absolute haben, achte jedoch, dass das Elternelement nicht position: relative hat, denn dann ist es wieder davon abhängig. Am besten positioniere deinen Schriftcontainer auf der ersten Ebene in deinem body. Nun schwebt dein absoluter Schriftcontainer frei im body rum. Mit left, right, top und bottom kannst du ihn nun hin und her schieben. bottom: 0 würde dementsprechend ergeben, dass der Container am unteren Bildschirmrand hängt. Den Rest bekommst du sicher hin, da du ja weisst, wie man mit css eine Animation hinbekommt.

Die bisherigen Antworten sind nicht komplett. Ja, sie springen zu dem verlinken Element, aber nur, wenn du auf diesen Link klickst, du willst den Jump nach dem Reload.

Schreibe dafür eine Funktion, die direkt beim Lesen deiner Datei(en) gestartet wird und die den Link für dich klickt.

var gotoData = function (e) {
  var anchor = document.getElementById(e);
  anchor.click();
}

gotoData();

(Ist nicht getestet)

Grundsätzlich sollte ein User die Seite aber nicht nachladen müssen, um Daten zu erhalten. Schau' dir mal das Thema Ajax an, womit du Daten nachladen kannst.

mylittlejob.de

dasauge.de

indeed.com

Oder versuche es als Nebenjobber bei einem Startup.

Wenn du es nur mit css lösen möchtest, packst du in deinen zu hovernden div noch ein div mit der selben Höhe rein und erstellst keyframes, um die Breite von 0 auf 100% skalieren zu lassen.