Minik bir CSS kodu lazım. Bir göz atabilir misiniz?

12-02-2024, 18:43:26

Sitede yazının hemen önünde bir görsel var. İstediğim şey aşağıdaki görseldeki gibi yazı alt satıra indiğinde yine aynı hizada başlaması. Bunu nasıl yapabilirim?

12-02-2024, 18:48:33

#2

Beatbox

hocam gemini şöyle cevap veriyor

html örnek

<div class="container">  <h1>Yazı</h1>  <p>Yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı</p>  <p>Yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı</p>  <p>Yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı. Yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı y</p>  <p>Yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı yazı</p>  <p>azı yazı yazı yazı yazı yazı yazı. Yazı yazı yazı yazı yazı yazı yazı yazı yazı y</p> </div>

CSS

.container {  width: 500px;  margin: 0 auto; } h1 {  text-align: center; } p {  text-align: justify;  text-indent: 2em; } /* Ok işareti ile gösterilen hizalamayı oluşturmak için */ p:nth-child(3), p:nth-child(5) {  text-align: left; } p:nth-child(4) {  text-align: right; }

12-02-2024, 18:51:29

#3

Haktan

KupeliHoca adlı üyeden alıntı: mesajı görüntüle

Sitede yazının hemen önünde bir görsel var. İstediğim şey aşağıdaki görseldeki gibi yazı alt satıra indiğinde yine aynı hizada başlaması. Bunu nasıl yapabilirim?

dış dive display:flex ver hocam,

<div class="flex">
<div>Resim</ div>
<div>Yazı</ div>
</div>

12-02-2024, 18:53:13

#4

Scripter

Üst divine display:flex; verin hocam

ust-div{
display:flex;

    align-items: flex-start; /*eğer ortalanırsa yazı ile icoon bunu kullanabilirsiniz*/
}

12-02-2024, 19:03:18

#5

KupeliHoca

Hemen deniyorum. Teşekkür ederim yanıtlar için @Scripter; @Haktan; ve @Beatbox;

19-02-2024, 22:04:02

#6

cryptolex

Normal flex değil, inline flex kullanacaksınız hocam.