black background
<div style="background-color: black;">type
here</div>
gray
background
<div style="background-color: gray;">type
here</div>
pink
background
<div style="background-color: pink;”>type
here</div>
orange
background
<div
style="background-color: orange;">type
here</div>
yellow background
<div
style="background-color: yellow;">type
here</div>
light green background
<div class="controlsStyle"
id="textDivBG" style="padding: 10px;
background-color: lightgreen; color: rgb(255, 255, 255);
text-align: center; position: relative;"><span
style="color: rgb(255, 255, 255);"><span
style="font-size: x-small;"><span
style="font-family: Arial;"><br />
</span></span></span></div>
light blue background
<div class="controlsStyle"
id="textDivBG" style="padding: 10px;
background-color: rgb(166, 225, 254); text-align: center; position:
relative;"><span style="color: rgb(255, 255,
255);">
purple
background
<div style="background-color:
purple;">type here</div>
dashed border
div
style="border: 2px dotted white; width: 582px;
height: 200px;">
black dotted border
<div
style="border-right: black 10px dotted; border-top: black 10px
dotted; border-left: black 10px dotted; border-bottom: black 10px
dotted; text-align: center">
make the spacing of the lines
closer:
<div
style="line-height:
10px;">
make text all squished
together:
<div
style="letter-spacing: -3px">
sorry,
needed to save it