The line you copied is written in CSS, and
it's quite flexible! Here's some options you might want to
try with the line.
See the word 'red' in the line? That's the
color of the dots. Feel free to change the word 'red' to a
color of your own choosing. The hexadecimal format of #rrggbb
works, too.
See the word 'dotted' in the line? That makes
the border appear as dots! Here are the other options availble
to you. Just replace the word 'dotted' with any of the following:
none, solid, dotted, dashed, double, groove, ridge, inset,
or outset.
See the '10px' in the line? That stands for
10 pixels, and it represents the size of the dotted border.
Change the number to whatever best represents the look and
feel you desire.
See the phrase 'margin:15px;' ? That creates
an invisible space around the image so that the image doesn't
bump into nearby text. Change the number to whatever best
suits your situation.
Finally, see the 'align=left' coding? That
places the Bear image on the left side of the screen and allows
the text to flow around the image. If you wanted the Bear
on the right, you would replace the word 'left' with the work
'right' in the coding. OK?
That's it. Have fun!