Wyśrodkowanie dwóch <p> o różnych class

Witam mam pytanko jak wyśrodkować dwa

o różnych class mianowicie chodzi mi o taki efekt:

<section id="toolbar">
        <p class="font-white-myriad">Imieniny obchodzą: </p>
        <p class="font-orange-myriad">Piotr i Paweł</p>
</section>

Proszę bardzo o pomoc jak zrobić taki efekt żeby oba teksty były wyśrodkowane :)

Niezbyt rozumiem co chcesz osiągnąć, ale może obuduj oba jakimś div'em (czy nawet osobnym p) i jego wycentruj?

Przede wszystkim zmieniłbym kod html. Section jest ok, ale zamieniłbym p na span. Widać to na pierwszy rzut oka - nie masz tam różnych paragrafów i nijak pasują tam elementy blokowe. Gdy dokonasz tej zamiany, do ich wyśrodkowania wystarczy text-align: center; w kontenerze. Druga sprawa to nazewnictwo klas, które są częścią semantyki. I powinny takie być, a nie opisywać ich aktualny wygląd.

Rev napisał(a):

Przede wszystkim zmieniłbym kod html. Section jest ok, ale zamieniłbym p na span. Widać to na pierwszy rzut oka - nie masz tam różnych paragrafów i nijak pasują tam elementy blokowe. Gdy dokonasz tej zamiany, do ich wyśrodkowania wystarczy text-align: center; w kontenerze. Druga sprawa to nazewnictwo klas, które są częścią semantyki. I powinny takie być, a nie opisywać ich aktualny wygląd.

Dzięki wszystko działa faktycznie lepiej wygląda tam span:)