Wyśrodkowanie znacznika legend w fieldset CSS'em

pytanie zadane 27 maja 2016 w HTML i CSS przez xmentor Nałogowiec (49,520 p.)
zamknięte 28 lipca 2016 przez xmentor

Witam, próbuje się uporać z opornym znacznikiem legend, by go wyśrodkować za pomocą CSS'a, aczkolwiek nic nie daje tak dobrego efektu jak atrybut(zdeprecjonowany): align ;-;

Może jakieś propozycje?

Może ktoś wcześniej się uporał z tym?

EDIT -----------------------------

Alternatywny sposób rozwiązania tego problemu na Firefoxie z użyciem pseudoelementów:

http://codepen.io/kkondratowicz/pen/bebXeX

komentarz zamknięcia: Rozwiązane

3 odpowiedzi

odpowiedź 27 maja 2016 przez Orkoo7 Bywalec (2,670 p.)

Spróbuj w css'ie dodać :

legend{
	margin:0 auto;
}

komentarz 27 maja 2016 przez xmentor Nałogowiec (49,520 p.)
edycja 27 maja 2016 przez xmentor

To nie działa

Edit: na innych przeglądarkach niż firefox działa.

odpowiedź 27 maja 2016 przez prp35n Użytkownik (940 p.)

Spróbuj tutaj: http://howtocenterincss.com/

Swoją drogą, czy legend jest jeszcze praktycznie w użyciu?

1	komentarz 27 maja 2016 przez Comandeer Guru (607,060 p.) A czemu ma nie być? Najprostszy i najefektywniejszy sposób opisania grupy inputów.

komentarz 27 maja 2016 przez xmentor Nałogowiec (49,520 p.)

Nie daje pożądanego efektu :(

komentarz 28 lipca 2016 przez CzikaCarry Szeryf (75,340 p.)

A czy to ma być wyśrodkowanie w pionie czy poziomie? Jest niby sposób na wyśrodkowanie w poziomie i w pionie trochę taki meh ale działa:D dla elementu pozycjonowanego w poziomie dajesz left: 50% oraz margin-left: 0.5*szerokosc*-1. W pionie robisz analogicznie, tyle ze zamiast left dajesz top i zamiast margin left tez top.