Şimdi Ara

CSS de padding 0 auto vermeme rağmen ortalayamıyorum

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

Yasomi HB008 5i 1 Arada Kablosuz El Blenderi (Yasomi Türkiye Garantili) : Amazon.com.tr: Mutfak https://www.amazon.com.tr/dp/B0BLBQ26L2/ref=asc_df_B0BLBQ26L21714001640000 3 sa. önce paylaşıldı

PonART Saklama Kabı : Amazon.com.tr: Mutfak https://www.amazon.com.tr/dp/B07DL3Z6X1 7 sa. önce paylaşıldı

CAMPER Runner Four Spor Ayakkabı Erkek : Amazon.com.tr: Moda https://www.amazon.com.tr/dp/B07FQ1VHCR 20 sa. önce paylaşıldı

Bu Konudaki Kullanıcılar:

1 Misafir - 1 Masaüstü

5 sn

2
Cevap

0
Favori

116
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konuya Özel

0 oy

Öne Çıkar

Cevapla

Sayfa: 1

Giriş

Mesaj

Şu css denilen illeti öğrenmem lazım diye 1 aydır kasıyorum. python"a yönelecektim fullstack için gerekiyor dendi. dedim tamam öğrneicem.

1 aydır kasıyorum ama nedense anlatıldığı gibi değil.

nav block elemanı içinde ul blok elemanını ortalamaya çalışıyorum paddingler ile. çalışmıyor...

bunun taktiği nedir ?

parent elementi padding ile ortalayarak içinde child elementi ortalamıyor muyum?


 * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

        html {
            font-size: 10px;
        }
        a{
            text-decoration: none;
        }
        header {
            background-color: #333;
            height: 30vh;
        }

        header h1 {
            text-align: center;
            color:#fff;
            font-size: 5rem;
            padding: auto 5px;
        }

        .container {
            width: 100%;
            padding: 2rem;
        }
        nav{
            width: 100%;
            padding: 0px auto;
        }
        header ul {
            list-style: none;
            height: 4.1rem;
            background-color: red;
            padding: 0px auto;
            
        }
        header ul li{
            display: block;
            float: left;
            padding: 2rem 2rem;
            text-align: center;
        }

alttada hmtl kodları var

 <header class="container">
        <h1 class=<header-heading>This is My WEB Page</h1>
        <nav>
            <ul>
                <li>
                    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=144260352&url=#" data-href="#">Home</a>
                </li>
                <li>
                    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=144260352&url=#" data-href="#">Products</a>
                </li>
                <li>
                    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=144260352&url=#" data-href="#">Services</a>
                </li>
                <li>
                    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=144260352&url=#" data-href="#">Contact</a>
                </li>
            </ul>
        </nav>
    </header>