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">