Padding an Inlineelementen

HTML

<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, <span id="box1">and expound</span> the actual teachings of the great explorer of the truth, the master-builder of human happiness. <span id="box2">No one rejects</span>, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue <span id="box3">pleasure rationally</span> encounter consequences that are extremely painful. </p>

CSS

span#box1 {
    background:#ebebeb;
    padding:50px;   
}

span#box2 {
    border: 3px solid red;
    padding:50px;   
}

span#box3 {
    padding:50px;   
}

/* styling basics */
html {padding: 20px 0; background-color: #efefef;}
body {width: 80%; padding: 40px; margin: 0 auto; background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); font-family: Verdana, Arial, sans-serif; font-size: 16px; line-height: 1.5;}