Center Text Larger than Container? (Bez użycia osobnego elementu podrzędnego)

Używając CSS, łatwo jest poziomo wyśrodkować tekst w kontenerze za pomocątext-align:center;, ale jeśli jest jakieś pojedyncze słowo tego tekstuwiększa niż szerokość kontenera, przeglądarka automatycznie „klipuje” do lewej granicy kontenera (tak jak w przypadku słowa o dużych rozmiarach wyrównuje się do lewej strony zbyt małego kontenera i bez CSS)word-break:hyphenate; ustawienie właściwości (lub podobne) nadmiarowe słowo wystaje poza prawą krawędź kontenera.

Jakikolwiek sposób, aby umieścić ten obrazek po lewej stronie mojego tekstu tutaj, aby zapisać pionową przestrzeń? No cóż. Tak czy inaczej...

Bez używając elementu podrzędnego kontenera do przechowywania tekstu, czy istnieje sposóbśrodek nadmiarowe słowo, tak że wisi równo po lewej i prawej stronie kontenera?

Ponownie nie chcę używać kontenera tekstowego w kontenerze. Mogę to zrobić w 5 sekund, używając dziecka<div>text to be centered</div> z naprawionymwidth i negatywnemargin-left, lub zabsolute pozycjonowanie elementu kontenera wewnątrz arelative div, ale szukamAtrybut CSS który wyśrodkuje tekst, nawet jeśli słowo jest zbyt długie, aby zmieścić się w szerokości. Domyślnie,text-align:center nie robi tego.

Myśli? Dzięki! -Poroniony płód

questionAnswers(3)

yourAnswerToTheQuestion