Bunları Naıl Yan Yana Getirebilirim HTML?

01-09-2024, 15:03:18

Normalde böyle yan yana durması gerekli ama alt alta oluyor kod altta;

<div class="guvenList">
<ul>
    <li><img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/glkargo.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
    <div class="glText"><span>Hızlı ve Güvenli Teslimat</span> <small>Güveninizi kazanmak zorundayız. Ve<br />
    bir o kadar da hızlı olmalıyız.</small></div>
    </li>
    <li><img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gllock.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
    <div class="glText"><span>Güvenli Alışveriş</span> <small>Uluslararası güvenlik standartlarıyla<br />
    Verileriniz güvende</small></div>
    </li>
    <li><img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gllike.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
    <div class="glText"><span>Müşteri Memnuniyeti</span> <small>Dilediğiniz an Öneri ve Şikayetlerinizi<br />
    Bize iletebilirsiniz</small></div>
    </li>
    <li><img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gliade.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
    <div class="glText"><span>Kolay İade</span> <small>Kolay iade ve iptal işlemleriniz İle ilgili tüm<br />
    detaylara ulaşabilirsiniz.</small></div>
    </li>
</ul>
</div>

Kabul Edilen Cevap

Setindir

2 Beğeni

Mesaja Git

<div class="guvenList" style="display: flex; justify-content: space-around;">
    <div>
        <img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/glkargo.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="glText">
            <span>Hızlı ve Güvenli Teslimat</span>
            <small>Güveninizi kazanmak zorundayız. Ve<br />bir o kadar da hızlı olmalıyız.</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gllock.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="glText">
            <span>Güvenli Alışveriş</span>
            <small>Uluslararası güvenlik standartlarıyla<br />Verileriniz güvende</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gllike.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="glText">
            <span>Müşteri Memnuniyeti</span>
            <small>Dilediğiniz an Öneri ve Şikayetlerinizi<br />Bize iletebilirsiniz</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gliade.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="glText">
            <span>Kolay İade</span>
            <small>Kolay iade ve iptal işlemleriniz İle ilgili tüm<br />detaylara ulaşabilirsiniz.</small>
        </div>
    </div>
</div>

deneyebilir misiniz hocam

01-09-2024, 15:06:13

#2

dijitalruh

css yazmadın mı css yazman lazım

01-09-2024, 15:07:02

Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.

~~Setindir~~

Üyeliği durduruldu

<div class="guvenList" style="display: flex; justify-content: space-around;">
    <div>
        <img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/glkargo.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="glText">
            <span>Hızlı ve Güvenli Teslimat</span>
            <small>Güveninizi kazanmak zorundayız. Ve<br />bir o kadar da hızlı olmalıyız.</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gllock.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="glText">
            <span>Güvenli Alışveriş</span>
            <small>Uluslararası güvenlik standartlarıyla<br />Verileriniz güvende</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gllike.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="glText">
            <span>Müşteri Memnuniyeti</span>
            <small>Dilediğiniz an Öneri ve Şikayetlerinizi<br />Bize iletebilirsiniz</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyImage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gliade.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="glText">
            <span>Kolay İade</span>
            <small>Kolay iade ve iptal işlemleriniz İle ilgili tüm<br />detaylara ulaşabilirsiniz.</small>
        </div>
    </div>
</div>

deneyebilir misiniz hocam

01-09-2024, 15:13:25

Canyapim

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

<div class="guvenlist" style="display: Flex; justify-content: Space-around;">
    <div>
        <img alt="" class="lazyimage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/glkargo.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="gltext">
            <span>hızlı ve güvenli teslimat</span>
            <small>güveninizi kazanmak zorundayız. Ve<br />bir o kadar da hızlı olmalıyız.</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyimage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gllock.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="gltext">
            <span>güvenli alışveriş</span>
            <small>uluslararası güvenlik standartlarıyla<br />verileriniz güvende</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyimage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gllike.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="gltext">
            <span>müşteri memnuniyeti</span>
            <small>dilediğiniz an öneri ve şikayetlerinizi<br />bize iletebilirsiniz</small>
        </div>
    </div>
    <div>
        <img alt="" class="lazyimage" data-original="https://static.ticimax.cloud/63081/uploads/editoruploads/images/gliade.svg" src="https://static.ticimax.cloud/44215/uploads/images/blank.png" />
        <div class="gltext">
            <span>kolay iade</span>
            <small>kolay iade ve iptal işlemleriniz ile ilgili tüm<br />detaylara ulaşabilirsiniz.</small>
        </div>
    </div>
</div>

deneyebilir misiniz hocam

çok teşekkü ederiz elleriniz sağlik

01-09-2024, 15:15:22

#5

Terzi53

https://codepen.io/Talha-Demir-the-builder/pen/bGPxJrM bu işini görürmü