Question

W jaki sposób wyśrodkować tekst z klasą link2 do obrazka z animacją : .........
Proszę o wyrozumiałość ponieważ jestem początkujący w kodzie może być masa błędów oraz trochę zbędnego kodu.
Bawię się tym i próbuje się czegoś nauczyć ale nie mogę sobie z tym tekstem poradzić.

Edit: Temat rozwiązany dlatego usunąłem link. Pomógł mi ktoś z komentarzy dlatego nie mogę dać najlepszej odpowiedzi .

Comments

do .photo daj margin: 0 auto;

---

Odpowiedź kolegi jak najbardziej trafna - problemem w tym przypadku nie jest wycentrowanie tekstu, bo względem grida jest wyśrodkowany poprawnie. Problem leży w złym położeniu obrazu (margin z prawej).

---

A ja tyle się z tym grzebie a to tylko o margin chodziło dzięki działa. Dobra sprawa wyjaśniona. Pietrak nie mogę ci dać najlepszej odpowiedzi bo napisałeś w komentarzu .

Answer 1

Jeśli tag z klasą .link2 będzie w klasie .photo to będziesz mieć wyśrodkowany ten tekst.

Answer 2

Polecam ten film:

https://youtu.be/evVmUHd6WXM

Samuraj dokładnie omawia w jaki sposób środkować elementy liniowe i blokowe. Obowiązkowa lektura dla początkujących koderów :)

Comments

Dzięki na pewno się przyda.

Answer 3

Wstaw link2 do overlay, daj mu dodatkowo position:relative i margin-top: 25px. Powinno zadziałać.

Comments

Niestety nadal nie działa tekst jest teraz wyśrodkowany ale animacja robi się teraz również na tekście a nie na samym obrazku. Zobacz wersje live wprowadziłem te zmiany .

---

znaczy na dużym ekranie jest ok ale zmniejsz okno przeglądarki to już będzie co innego.

---

Sprawa wyjaśniona margin: 0 auto; na .photo zadziałało.