css wyśrodkowanie napisu w navbarze

pytanie zadane 11 kwietnia 2019 w HTML i CSS przez Filipek123 Użytkownik (840 p.)

Witam, mam problem z wyśrodkowaniem napisu w navbarze costubedzie gdy dodawałem <center> do tego to się psuł cały navbar

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline;
}

<ul>
  <li><a href="#1">1</a></li>
  <li><a href="#2">2</a></li>
  <li>COSTUBEDZIE</li>
  <li style="float:right"><a href="#3">3</a></li>
  <li style="float:right"><a href="#4">4</a></li>
</ul>

mam namyśli jak zrobić tak, żeby ten napis costubedzie był na samym środku tego navbaru

2 odpowiedzi

odpowiedź 11 kwietnia 2019 przez afqedart Mądrala (5,050 p.)

Na pewno żaden inny kod na to nie wpływa? Mógłbyś przesłać cały kod? Niby problem błahy, ale wolę się upewnić.

komentarz 11 kwietnia 2019 przez Filipek123 Użytkownik (840 p.)

<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline;
}
</style>


</head>
<body>

<ul>
  <li><a href="#1">1</a></li>
  <li><a href="#2">2</a></li>
  <li>COSTUBEDZIE</li>
  <li style="float:right"><a href="#3">3</a></li>
  <li style="float:right"><a href="#4">4</a></li>
</ul>

</body>
</html>

Na razie to jest mój cały kod

odpowiedź 11 kwietnia 2019 przez Hasira Bywalec (2,100 p.)

Dodaj klasę do costubedzie i do tej klasy w css dodaj to

.Class {
    position: relative;
    margin: 0 auto;
}

komentarz 11 kwietnia 2019 przez Filipek123 Użytkownik (840 p.)

<!DOCTYPE HTML>

<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
 
li {
    display: inline;
}
.Class {
    position: relative;
    margin: 0 auto;
}
</style>
</head>
<body>

		<ul>
			<li style="float:left;"><a href="#1">1</a></li>
			<li style="float:left;"><a href="#2">2</a></li>
			<li class="Class"><center>COSTUBEDZIE</center></li>
			<li style="float:right"><a href="#3">3</a></li>
			<li style="float:right"><a href="#4">4</a></li>
		</ul>
					
					
				
	</div>

</body>

http://prntscr.com/naj8a9 gdy dodałem .Class i dałem tag <center> to przesunęło się w dół

			<li style="float:right"><a href="#3">3</a></li>
			<li style="float:right"><a href="#4">4</a></li>

komentarz 11 kwietnia 2019 przez Hasira Bywalec (2,100 p.)

Spróbuj bez center

komentarz 11 kwietnia 2019 przez Filipek123 Użytkownik (840 p.)

http://prntscr.com/najhhx teraz jest dobrze ale napis costubedzie nie jest na środku

komentarz 11 kwietnia 2019 przez Hasira Bywalec (2,100 p.)

usuń wszystko z klasy poza position i dodaj te dwie

left: 50%;

transform: translate(-50%);

powinno działać

komentarz 11 kwietnia 2019 przez Filipek123 Użytkownik (840 p.)

Ok działa, dzięki za pomoc :D

Podobne pytania

0 głosów

1 odpowiedź 291 wizyt

Wyśrodkowanie navbara w Bootstrapie

pytanie zadane 20 października 2018 w HTML i CSS przez yato_ Początkujący (350 p.)

0 głosów

1 odpowiedź 451 wizyt

Bootstrap - drop menu w czystym css i htmlu nie działa.

pytanie zadane 30 listopada 2022 w HTML i CSS przez ptomeccc Użytkownik (800 p.)

0 głosów

1 odpowiedź 1,174 wizyt

CSS, pasek nawigacji

pytanie zadane 22 listopada 2019 w HTML i CSS przez amtrax Dyskutant (9,630 p.)

css wyśrodkowanie napisu w navbarze

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci