html - How to add image and button in one border or box? -


i want add image , button in 1 box.

i want image @ top , button underneath image. want both of them inside 1 solid border.

something might started:

<div id="mybox" style="width:200px;padding:10px;text-align:center;border:2px solid purple;">      <img src="http://placekitten.com/100/150" /><br>      <button>click me</button>  </div>


note separate styling (style=) html:

<style>     #mybox {width:200px;padding:10px;text-align:center;border:2px solid purple;} </style> <div id="mybox">     <img src="http://placekitten.com/100/150" /><br>     <button>click me</button> </div>