[bestboy120]

Mam pewien problem, robie sobie strone z freecodecamp w ramach ćwiczeń i pojawił się pewien problem.
Chce wyśrodkować zaznaczoną linie i znaczniki z fontello jednak co bym nie wpisywał w css nie sprawia to że jest idealnie na środku. Udaje się przesunąć jednak dalej nie jest idealnie. Niżej wrzucam kody do html +css.

Byłbym wdzięczny jakby ktoś mnie nakierował ( ͡° ͜ʖ ͡°)
http://pastebin.com/dVs4BxpE
http://pastebin.com/WwL6hgN3
#webdev #naukaprogramowania #freecodecamp

[czeskimarian]

@bestboy120: taguj #freecodecamp kolego ;)

[frontendowiec]

@bestboy120: stwórz wrapper na niego i wysrodkuj jego zawartość

[TheBestThing]

@bestboy120: a co wpisujesz w css, ze ci nie wychodzi? ;D

[bestboy120]

@TheBestThing: no ustawiam margin-left/right: auto, ustawiam text-align: center (bo fontello to przecież czcionka więc powinno działać) i inne wartości których w sumie już nie pamiętam. Może coś blokuje albo nie współgra dlatego pytam.

[TheBestThing]

@bestboy120: na #linie-razem dzialasz? Jesli tak to daj jeszcze jakis width do tego i marginesy tak jak wczesniej

[terror_blade]

@bestboy120: Usuń float: left z .linie i daj display: inline-block

[bestboy120]

@TheBestThing: dałem
width: 496px;
margin-left: auto;
margin-right: auto; i jest co do milimetra równo

@terror_blade: dzięki! super sprawa, jeszcze mniej lini kodu.
Teraz tylko sprawdzę czemu tak ( ͡° ͜ʖ ͡°)

[reddesk]

@bestboy120: Ja to podzieliłem na gridy, ustawiłem jeden z lewej i drugi z prawej jako marginesy i środkowy na linie.

[TeflonDon]

@bestboy120: wpisz margin: 0 auto zamiast oddzielnie margin-left i margin-right. Będziesz miał jeszve mniej kodu :p

[techko]

@bestboy120: imo lepiej nadaj display: flex na #linie-razem i wtedy wystarczy tylko justify-content: center bez okreslania wymiarow itd

[bestboy120]

@reddesk na ten moment chce unikać bootstrapa. Wiem ze ulatwia pisanie ale nie ma latwo xD