I wanted to find out how I can code a block quote or pull quote in a responsive template.

What I have goes the same length as my email text, I'd like it to stand out and be a pull quote.

My code:

<p><span style="padding: 10px 0 10px 0; font-size: 17px; font-family: 'Whitney SSm A','Whitney SSm B',Arial,sans-serif; font-weight: normal; color: #002145; text-decoration: none;background-color: #e1e7ed; border-top: 15px solid #e1e7ed; border-bottom: 15px #e1e7ed; border-left: 25px; border-right:100px #e1e7ed; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; text-align:center">The BHK honours program is available for high-achieving students who want additional research experience</span></p>

Thanks,
Katra