MediaWiki talk:Common.css

Edge browser read mode overflow doesn't work w/ pre

Chatgtp suggested just using a new div

so

.bible {

font-family: Roboto Mono; /* Use a monospace font like

 */
    font-size: 95%;
    max-width: 80%;
    white-space: pre-wrap;  /* Preserve whitespace, wrap text */
    overflow-wrap: break-word; /* Allow words to break to prevent overflow */
    padding: 5px; /* Add padding for better readability */
    background-color: #f5f5f5; /* Light background to mimic <pre> appearance */
    border: 1px solid #ccc; /* Optional border for styling */
}

<pre><div class="bible">text... 
</div>

looks like

Deus commodo ex eget mauris posuere, vehicula sodales quam maximus. In ultrices felis urna, ut tristique ante fermentum at. Duis consectetur ornare bibendum. In dignissim sapien at imperdiet auctor. Curabitur justo ligula, ornare nec ante eu, cursus accumsan sem. Fusce et aliquam elit. Suspendisse vehicula nunc quis congue fermentum. Mauris sit amet sodales nisl, nec suscipit est. Aenean ut nibh semper, feugiat ex et, congue ex. Suspendisse sit amet pharetra odio. Pellentesque et convallis odio, sit amet mollis orci. Aenean iaculis massa eu lectus convallis fringilla. Fusce facilisis molestie velit, sed finibus eros vestibulum vitae. Nulla consectetur eros eget dui sollicitudin, ut laoreet metus scelerisque. Cras id dui vel dui tincidunt malesuada quis a erat.