Hosszú szövegek tördelése (HTML és CSS)
2021-06-12T10:50:40+02:00
2021-06-12T12:54:58+02:00
2022-08-12T03:15:29+02:00
*deleted_23419333
Sziasztok!

A hosszú szövegeket hogyan lehetne tördelni, hogy szépen jelenjenek meg (egy sorban)?

PrtSc

A képen látni, hogy a bal és a jobb felsőkkel minden rendben van, de a bal alsó már így nem jó mert a hosszú szöveg miatt két sor keletkezik. Ha a bal alsó úgy nézne ki mint a jobb alsó, akkor az nagyon tetszene, pláne akkor ha ez JavaScript (és jQuery) nélkül is megvalósítható.

CSS

.left-title { float: left; line-height: 48px; width: calc(100% - 80px); } .left-title a { font-weight: bold; display: block; padding: 0 1em; text-decoration: none; width: 100%; }

HTML

<div class="title"> <span class="left-title"><a href="#">Nagyon nagyon nagyon nagyon hosszú szöveg</a></span> </div>
Mutasd a teljes hozzászólást!
Mutasd a teljes hozzászólást!

abcd