Miten toteutan vierekkäiset, "kelluvat" elementit?

tyttö vain

Onko mitään keinoa toteuttaa kolme vierekkäistä elementtiä, jotka hyppäävät vierekkäin tai allekkain siitä riippuen, miten leveältä näytöltä sivuja katsotaan? Ts. haluan välttää sivun sivuvierityksen kapealla näytöllä, mutta olisi kiva, jos elementit täyttäisivät leväen näytön tyylikkäästi ilman reunan tyhjää tilaa.

Elementti sisältäisi:
- otsikon
- vähän tekstiä ja
- näiden alla kuvan (ehkä 150 px leveä).

Apua :)?

2

552

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • juhakorkeapudas

      Tässä yksi esimerkki.




      .divi {float:left;width:350px;border:1px solid #000;}




      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.


      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.


      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.

      • teet vaan yksinkertasesti

        1
        2
        3


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Nainen näytät mummolta. :D

      Siks sua ei huoli kukaan.
      Ikävä
      248
      3487
    2. Kompostointitarkastaja tuli tarkastukselle!

      En ole ikinä kompostoinnut ja eilen kävi kompostointitarkastaja kylässä. Tosi hianoa byrokratiaa taas: "Laki edellyttää,
      Jätehuolto ja kierrätys
      132
      2529
    3. Nyt jäi velat perimättä

      Mikä idea se talo oli polttaa ja velalliset sisällä nyt jäi rahat saamatta
      Jämsänkoski
      15
      2015
    4. Varattais lähihotellista

      🥰 huone viikoksi. Oltais vaan ja tilattais huonepalvelusta herkkuja! Viikonloppukin käy jos et viikoksi ehdi ❤ Hyvää
      Ikävä
      225
      1872
    5. Martinan aussikulta, missä?

      Mihin katosi Martina Aitolehden aussikulta kyselee Seiska!
      Kotimaiset julkkisjuorut
      344
      1811
    6. Haluaisin sun kanssa yhteisen

      Elämän. Haluun sut.
      Ikävä
      57
      1428
    7. Ellen Jokikunnas muistelee Reino-koiraa - Ralph-poika koskettavalla tavalla esiin: "Kiitos, että..."

      RIP Reino. Lämmin osanotto suureen suruunne Ellen, Jari ja Ralph. Reino tuli tutuksi monelle suomalaiselle Unelmia Ita
      Tv-sarjat
      49
      1394
    8. Mitä tekisit jos kaivattusi olisi

      humalassa, kun tapaat hänet jossain seuraavalla kerralla?
      Ikävä
      111
      1140
    9. Rakkauden kesä 2025

      Oletko valmis? 🥰
      Ikävä
      102
      1108
    10. Meneekö eläinpuiston johto vaihtoon vaalien jälkeen?

      Ähtärissä kuhistaan ja kuiskitaan, että perussuomalaiset esittävät vaalien jälkeen, että eläinpuiston hallitus uusitaan
      Ähtäri
      65
      1103
    Aihe