bagaimana cara memperbaiki agar kalimat yang diinput tidah terpisah antar kata

saya membuat sebuah inputan text area, untuk kata kalimat yang panjang hasil tersebut tidak rapi. contoh hasil :

Screenshot_20230102_222613.png

bagaimana cara memperbaikinya agar hasil yang ditampilkan tampak rapi?

codingan yg sya gunakan untuk inputan :

<textarea required placeholder="masukan deskripsi produk" name="keterangan" maxlength="1000" class="box"></textarea>

codingan untuk menampilkan hasil :

<div class="keterangan">
         <?php
            $pchenter=explode("\r\n",$fetch_products['keterangan']);
            $txtout="";
               for($i=0;$i<=count($pchenter)-1;$i++){
                  $pchpart=str_replace($pchenter[$i], "<br>".$pchenter[$i],$pchenter[$i]);
                  $txtout .=$pchpart;
               }
            echo $txtout;
         ?></div>

pengaturan css :

.show-products .box-container .box .keterangan{
   font-size: 1.5rem;
   color:var(--black);
   padding:1rem 0;
   width:fit-content;
   word-break: break-all;
   line-height: 1.7;
   letter-spacing: .7px;
   word-spacing: 1px;
}

tolong bantuannya...

avatar wulan12
@wulan12

8 Kontribusi 0 Poin

Diperbarui 1 tahun yang lalu

Tanggapan

maksudnya tidak rapi apa? contoh yang rapi seperti apa?

itu kak contoh hasilnya seperti diatas, kata-katanya tidak rapi dan terpisah-pisah

1 Jawaban:

Jawaban Terpilih

<div>hapus coba word-break: break-all; nya dan coba coba aja main di css nya</div>

avatar Obbytokun
@Obbytokun

186 Kontribusi 16 Poin

Dipost 1 tahun yang lalu

Tanggapan

terimakasihhhh sdh bisa

Login untuk ikut Jawaban