---
title: "DEV: Codeblock/quote tests Only ⚫ "
date: "2023-07-09T21:12:14+03:00"
author: "anybody"
draft: true 
keywords:
  - draft
  - test
  - local
abstract: |
  Tests for code block highlighting 
---
# CSS Changes 

## Code blocks

```
 pre {/*edited by anybody*/
    padding-left:1rem;
    border: 1px red solid; 
    /*border-top: 1px red solid;
    border-bottom: 1px red solid;*/
    background-color:#fff5f5;
    font-size:75%; 
    white-space: break-spaces;
    /*overflow-wrap = break-word;*/
}
code { /*edited by anybody; added background color same as in pre above*/
    background-color: #fff5f5;
}
```

## Right border for tables 

``` 
table{
	border-right:1px red solid; /*edit anybody */
}
```
# Code block CSS testing

This is some random text for checking margins against the styles below

> This is a blockquote, that is long enough, lorem ipsum whatever

and codeblocks

```
this is a code block that is a bit long, with manually 
set carriage returns.
```

Codeblock with overflow 

**It wraps after css edit: `pre {white-space: break-spaces;}`**

```
this is a code block that is a bit long that violates line wrapping, by lorem ipsum / this is a code block that is a bit long that violates line wrapping, by lorem ipsum 
```


codeblock with line numbering; add  `text {linenos=true}` after <code>```</code>

```text {linenos=true}
line 1
line 2
line 3
```

Overflow text

```
Here is a sentence with a footnote.[^fn]
[^fn]: This is the text of a footnote, used 3 times.
```