When I see this question with image, looks horrible and not able to understand properly. So I tried to add border for the image, but I'm stuck, I don't know how to add border for the image to make it clear view of the question. How to add border around the image?
While I feel there should be an easy way to apply this via CSS using the WYSIWYG editor/markdown, there isn't. Perhaps this feature request should be expanded to include an option of a drop shadow or a border. The alternative is to download the image, mark it up in Photoshop, and re-upload. For my own images I usually know enough to just do that in the first place, but most people don't, and that's not how we should be spending our time on other people's posts when there is such an easier way to accomplish the same effect. I do agree that visual separation of images in a post can often be very important.
In the meantime, you can hack a workaround using a blockquote by prefixing the image with
See the difference? Click edit to view the source!
What I would like to see (and see my answer here) is the ability to add a border via CSS when I upload an image...
...or after the fact, using markdown/WYSIWYG toolbar. For something so trivial, this should be more seamless than requiring Photoshop or another image editor.
I use the horizontal rule:
Source for above:
---------- ![test-image] ----------