kaygusuzronin
Centipat
- Katılım
- 23 Ağustos 2023
- Mesajlar
- 37
Daha fazla
- Cinsiyet
- Erkek
HTML vs CSS'te "text align" kodu yazılmasına rağmen yazı konumlandırılmıyor
- Konuyu başlatan kaygusuzronin
- Başlangıç Tarihi
- Mesaj 15
- Görüntüleme 944
Sobarlas
Hectopat
- Katılım
- 13 Haziran 2023
- Mesajlar
- 1.064
- Çözümler
- 5
Daha fazla
- Cinsiyet
- Erkek
Hocam HTML'i yeni mi öğreniyorsunuz
kaygusuzronin
Centipat
- Katılım
- 23 Ağustos 2023
- Mesajlar
- 37
Daha fazla
- Cinsiyet
- Erkek
Evet.
kaygusuzronin
Centipat
- Katılım
- 23 Ağustos 2023
- Mesajlar
- 37
Daha fazla
- Cinsiyet
- Erkek
Kodu kaldırınca ortalanıyor fakat kaldırmadığımda niye olmuyor?
AhmetKnKc
Megapat
- Katılım
- 10 Kasım 2016
- Mesajlar
- 372
- Çözümler
- 19
Aslında p etiketi ortalanıyor. Fakat asıl sıkıntı
display:inline; kullandığınızda p etiketi sadece içeriği kadar yer kaplıyor. Eğer her şeye border verir isek dediğimi anlayacaksınız.
- Katılım
- 30 Temmuz 2019
- Mesajlar
- 1.971
- Çözümler
- 27
CSS:
.kutu {
display:flex;
justify-content:center;
align-items:center;
}kaygusuzronin
Centipat
- Katılım
- 23 Ağustos 2023
- Mesajlar
- 37
Daha fazla
- Cinsiyet
- Erkek
Peki, bu iki yazı arasındaki boşluğu margin ile mi kaldırırdınız yoksa position komutuyla mı yoksa başka bir komutla mı?
Dosya Ekleri
AhmetKnKc
Megapat
- Katılım
- 10 Kasım 2016
- Mesajlar
- 372
- Çözümler
- 19
Buradaki kodu paylaşabilirseniz ona göre bir karar verebilirim.
kaygusuzronin
Centipat
- Katılım
- 23 Ağustos 2023
- Mesajlar
- 37
Daha fazla
- Cinsiyet
- Erkek
Kod:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.kutu
{
background-color: aqua;
width: 100px;
height: 100px;
}
.bir
{
text-align: center;
border: 1px solid red;
}
.iki
{
text-align: center;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="kutu">
<p class="bir">
bir
</p>
<p class="iki">
iki
</p>
</div>
</body>
</html>Şunu paylaşmayı unutmuşum.
