Is there a way I can combine these two codes? I tried a few times and messed up. Is this possible or is it something I need to scrap?
I'm still a newbie when it comes to this so any feedback would be great.
<syntaxhighlight lang="html5">
<div class="theme-custom" style="--background-dark: #E75377; --background-light: lightpink; --border-color-dark: #E75377; --border-color-light: lightpink;">
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
</div>
</syntaxhighlight>
<syntaxhighlight lang="html5">
{| style="width: 100%; text-align=center; "
! colspan="4" style="color:White; background: #E75377; font-size: 25px" |Title
|-
<table class="mw-collapsible mw-collapsed" width="100%" style="background: #803B6C"; >
! colspan="4" style="background: #803B6C;font-size:20px;" | '''1'''
|-
! colspan="1" width="33.3%" style="background: #803B6C ;" | '''2'''
|-
| colspan="1" style= "background: white; opacity: 65%; text-align:center;">65% Opacity| '''Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.'''
|-
! colspan="1" width="33.3%" style="background: #803B6C;" | '''3'''
|-
| colspan="1" style= "background: white; opacity: 65%; text-align:center;">65% Opacity| '''Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.'''
|-
! colspan="1" width="33.3%" style="background: #803B6C;" | '''4'''
|-
| colspan="1" style= "background: white; opacity: 65%; text-align:center;">65% Opacity| '''Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.'''
|}
</syntaxhighlight>