span {
    width: auto;
    display: inline;
    position: static;
}


p {
    display: block;
    width: auto;
    position: static;    
}

p > * {
    display:inline;
    position:static;
    width: auto;
}

main ol {
    display: block;
    list-style-type: decimal;
    list-style:  inside;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

main ul{
    display: block;
    list-style-type: disc;
    list-style:  inside;    
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

main ul > li {
    display: list-item !important;
    list-style-type: disc;
    position: static; 
}

main ol > li {
    display: list-item !important;
    list-style-type: decimal;
    position: static; 
}


/*rozmiar czcionek bierzemy na podstwie skali typograficznej: 14px, 16,px, 18px, 21,px, 24px, 36px, 48px... etc */
font[size="1"]{
    font-size: 1rem;
}

font[size="2"]{
    font-size: 16px;
}

font[size="3"]{
    font-size: 18px;
}


font[size="4"]{
    font-size: 21px;
}


font[size="5"]{
    font-size: 24px;
}


font[size="6"]{
    font-size: 36px;
}


font[size="7"]{
    font-size: 48px;
}

b {
    font-weight:bold;
    width: auto;
    display: inline;
    position: static;
}

i {
    font-style: italic;
    width: auto;
    display: inline;
    position: static;  
}

u {
    text-decoration: underline;
    width: auto;
    display: inline;
    position: static;   
}

strike,
s {
    text-decoration: line-through;
    width: auto;
    display: inline;
    position: static; 
}

blockquote, q {
    font-style: italic;
    width: auto;
    display: inline;
    position: static;   
}


sub {
    vertical-align: sub;
    font-size: smaller;
    width: auto;
    display: inline;
    position: static;  
}

sup {
    vertical-align: super;
    font-size: smaller;
    width: auto;
    display: inline;
    position: static;   
}

strong {
    font-weight: bold;
    width: auto;
    display: inline;
    position: static;
}

small {
    font-size: smaller;
    width: auto;
    display: inline;
    position: static;
}

ins {
    text-decoration: underline;
    width: auto;
    display: inline;
    position: static;
}


del {
    text-decoration: line-through;
    width: auto;
    display: inline;
    position: static;
}

mark {
    background-color:yellow;
    width: auto;
    display: inline;
    position: static;
}

big {
    font-weight: bold;
    width: auto;
    display: inline;
    position: static;   
}

em {
    font-style:italic;
    width: auto;
    display: inline;
    position: static;
}

font[size] * {
    font-size: inherit !important;
    width: auto;
    display: inline;
    position: static;
}

font[color] * {
    color: inherit !important;
    width: auto;
    display: inline;
    position: static;
}

font[face] * {
    font-family: inherit !important;
    width: auto;
    display: inline;
    position: static;
}