<align> when used with URL for adding picuter works for left and right but not for center

5

You normally align to a parent, not on the element itself. eg:

<figure class="image-container">
  <img class="thin-blue-border" src="http://4.bp.blogspot.com/-RUy0iuUdEOs/UrIVTuRchbI/AAAAAAAAivI/PfDjbIKnjZI/s640/Wolf-and-Moon-Cool-HD-Wallpapers.jpg" alt=“Black and White Wolf” />
</figure>

// The container used is a block-level element, meaning will got to
// 100% of the page width automatically: 
.image-container {
  // An img is an inline element, and gets treated the same as text:
  text-align: center;
  padding: 10px 20px 20px 10px;
}

// Not sure if you want the border on the container, or on the image itself,
// but if you're going to call it thin-blue-border, make the class _just_
// create a thin blue border:
.thin-blue-border {
  border: 15px solid blue;
}