jquery - Set the image in the middle of the DIV in case of nested DIVs -

I am trying to install an image in the center of multiple divs, but the image still appears slightly in the right direction giving. Below is JSFiddle link for my code. Please help if someone knows how to align them in the middle.

  & lt; Div id = "tview" class = "k-group" & gt; & Lt; Div id = "testtarget" class = "k-group" style = "background color: # 323b42" & gt; & Lt; Div id = "numberCircleDoc" class = "number cycle" & gt; 3 & lt; / Div & gt; & Lt; Div class = "new" & gt; & Lt; Img src = "http://www.wpclipart.com/small_icons/misc_7/.cache/teddy_bear.png" /> & Lt; Br / & gt; & Lt; Br / & gt; Trial MGMT & lt; / Div & gt; & Lt; / Div & gt;  

try it

< Strong>

CSS:

  .Nav {background-color: # 12817b; Height: 117px; Width: 172px; White color; font-weight: bold; Padding-top: 20px; Text-align: center; } .Nav: hover {background color: # 71B3B0; } .Number vinegar {boundary-radius: 50%; Behavior: URL (PIE HTC); / * If you do not care about IE8 * / width: 10px; Height: 10px; Padding: 7px; Background: #fff; Border: 2px solid #ffffff; Color: # 12817b; Text align: center; Font: 10px aerial, non-serif; font-weight: bold; Margins: 4px; Correct: 0; Status: Completed; } #TestTarget {Display: Inline-Block; Text align: center; White-space: Abrop; Border-style: none; Status: Relative; }  

HTML:

  & lt; Div id = "tview" class = "k-group" & gt; & Lt; Div id = "testtarget" class = "k-group" style = "background color: # 323b42" & gt; & Lt; Div id = "numberCircleDoc" class = "number cycle" & gt; 3 & lt; / Div & gt; & Lt; Div class = "new" & gt; & Lt; Img src = "http://www.wpclipart.com/small_icons/misc_7/.cache/teddy_bear.png" /> & Lt; Br / & gt; & Lt; Br / & gt; Trial MGMT & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;