Jak wyśrodkować element o nieznanej szerokości i przykleić do niego z prawej drugi element?

Question

Zabrałem się do zrobienia strony z małą animacją, ale napotkałem problem.
Strona miała wyglądać podobnie do tej: view-source:https://dedyk.gq/ W centrum miał znajdować się napis a po najechaniu na niego miała się pokazać jego końcówka (lub miała się pokazać końcówka a całe miało się przesunąć w lewo i wyśrodkować). Jednak zatrzymałem się na etapie wyśrodkowania. Jak mam wyśrodkować tylko pierwszą część napisu jeżeli znam jedynie jego wysokość 20vh, a szerokość jest nieznana. Tak samo strona ma wymiary u mnie 100vh i 100vw. Chciałem żeby strona była w miarę responsywna. Udało mi się jedynie wyśrodkować w pionie, ponieważ ustawiłem marginesy po 40vh. Ale jak określić po ile vw mają obie części napisu żeby odpowiednio ustawić marginesy i wyśrodkować najpierw tak żeby pierwsza część była na środku, a po najechaniu pokazała się druga część i obie się wyśrodkowały?

Answer 1

Możesz wyśrodkować element używając absolutną pozycję po 50% od krawędzi, wtedy transform: translate po -50% i przy hoverze odsłaniać :after.

Comments

Mógłbyś opisać mi to zdaniami? Nie znam tych właściwości w CSS

Są może w którymś odcinku na kanale?

---

http://wklej.org/id/3114232/?hl=html