MediaWiki talk:Common.css: Difference between revisions

From Rejoice in the Catholic Faith
No edit summary
No edit summary
 
Line 16: Line 16:
}
}


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


looks like
looks like
<div class="bible">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.</div>
<div class="bible">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.</div>

Latest revision as of 10:56, 21 September 2024

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.