lack 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