MediaWiki talk:Common.css: Difference between revisions
(→Edge browser read mode overflow doesn't work w/ pre: new section) |
|||
| Line 15: | Line 15: | ||
border: 1px solid #ccc; /* Optional border for styling */ | border: 1px solid #ccc; /* Optional border for styling */ | ||
} | } | ||
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> | |||
Revision as of 10:46, 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 appearance */
border: 1px solid #ccc; /* Optional border for styling */
}
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.