html5 css3'te deli eden sorun!

Bu konuyu okuyanlar

Katılım
26 Ağustos 2020
Mesajlar
164
Reaksiyon puanı
170
Puanları
43
Yaş
26
benim amacım oluşturduğum metini 1000px genişliğine almak ve metini hem border içine center'lamak hem de sayfanın ortasına center'lamak.
işe yaramayan kodlar:
HTML:
<html>
<head>
        <link rel="stylesheet" href="d6.css">
</head>

<body>
 <div id="hepsi">
        meraaaabbaaaalaaar!
 </div>
</body>
</head>
ve css kısmı:
CSS:
body {text-align: center;}
* {text-align: center;}
#hepsi {border: 1px solid black; width: 1000px;}
 

Asuna-san

Öğrenci
Katılım
10 Eylül 2020
Mesajlar
36
Reaksiyon puanı
15
Puanları
8
Yaş
23
Kod:
<!DOCTYPE html>
<html>
<head>
       <title></title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="yazi">
       Merhaba Dünya
</div>

</body>
</html>
CSS
Kod:
.yazi{
    border: 1px solid black;
    text-align: center;
    width: 1000px;
    margin:auto; /* Otomatik Boşluk Bırakır Dış boşluk*/
}
Yazıyı kapsayan div'e text-align:center; vermeniz yeterli.
edit : 1000px boyutunda yaptım ortalamak içinde margin:auto; kullandım. ( Otomatik Boşluk Bırakır)
Çıktısı : Screenshot
 

Son mesajlar

Üst