html - Padding is part of a link -


i wrote html-code , i've got problem. added link image, image has got padding. padding part of link image. can it, image linked ?

    <!doctype html> <html lang="en">     <head>         <meta charset="utf-8">         <title>just testing</title>         <style type=text/css>             .design {background-color: orange; padding: 50px; border: thick double red; margin: 500}             .design2 {background-color: yellow; padding: 10px 100px; border: thick groove red; margin: 10}             .centered {text-align: center}             #blink {text-decoration: underline overline;;color: red}         </style>     </head>     <body style="background-color: lightgray">         <h1 class="centered design2">this <span style="color:red">my</span> site :d:d</h1>         <a href="http://upload.wikimedia.org/wikipedia/commons/8/83/neugierige-katze.jpg">         <p class="centered"><img class="design" style="align: center" src="neugierige-katze.jpg" alt="tolle katze" width="500" height="325">         </p>         </a>         <p class="centered">cat cat <span id="blink"> watching you</span>         </p>         <p class="centered">             <audio controls>                 <source src="cat_meow_2-cat_stevens-2034822903.mp3" type="audio/mpeg">                 <source src="cat_meow_2-cat_stevens-2034822903.ogg" type="audio/ogg">      </body> </html>  

i grateful can me.

`

one way http://jsbin.com/odosime/1/

<!doctype html> <html lang="en">   <head>       <meta charset="utf-8">       <title>just testing</title>       <style type=text/css>           .design {background-color: orange; padding: 50px; border: thick double red; margin: 500}           .design2 {background-color: yellow; padding: 10px 100px; border: thick groove red; margin: 10}           .centered {text-align: center}           #blink {text-decoration: underline overline;color: red}       </style>   </head>   <body style="background-color: lightgray">     <h1 class="centered design2">this <span style="color:red">my</span> site :d:d</h1>      <p class="centered design" style="margin:0 auto; display: table;">       <a href="http://upload.wikimedia.org/wikipedia/commons/8/83/neugierige-katze.jpg">         <img style="align: center" src="http://wallpapersfor.me/wp-content/uploads/2012/02/cute_cat_praying-1280x800.jpg" alt="tolle katze" width="500" height="325">        </a>     </p>      <p class="centered">cat cat <span id="blink"> watching you</span></p>     <p class="centered">         <audio controls>             <source src="cat_meow_2-cat_stevens-2034822903.mp3" type="audio/mpeg"/>             <source src="cat_meow_2-cat_stevens-2034822903.ogg" type="audio/ogg"/>         </audio>   </body> 


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -

php - Accessing static methods using newly created $obj or using class Name -