Pre etiketi içindeki metnin sayfadan taşma sorunu nasıl çözülür?

Pre etiketi içindeki kod bloğunun taşıyıcıdan taşma sorununu çözmek için şu CSS kodunu kullanabilirsiniz:

pre {
    word-wrap: break-word;      
    white-space: pre-wrap;      
    white-space: -moz-pre-wrap;  
    white-space: -pre-wrap;      
    white-space: -o-pre-wrap;   
         
}

Bu kod, Google Chrome, Opera, Mozilla Firefox ve Edge için geçerlidir. Pre etiketi içindeki metin bu kod ile artık sayfadaki taşıyıcının dışına çıkmayacaktır.