How to draw dotted box using html and css

How to draw dotted box around with the <div> attribute using html and css

Drawing dotted box using HTML and CSS really isn’t a big deal once you know how to, using few codes as possible to avoid making your work cumbersome, this little trick will show how its done;

<div style="border: dotted 1px black" id="mydiv">content</div> 

Or

<style type='text/css'>
    #mydiv { border: dotted 1px black; }
</style>