html css php padding top 10px

carolsanjose
carolsanjose used Ask the Experts™
on
How do I move the sentence circle in red down 10px?
Attached is the php code.
 
<p>
			<a href="<?php 
			if(get_option('boldy_blurb_page')!=""){
				echo get_permalink(get_option('boldy_blurb_page'));
			}elseif(get_option('boldy_blurb_link')!=""){
				echo get_option('boldy_blurb_link');
			} ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/but_blurb.png" alt=""  /></a>
			<?php echo get_option('boldy_blurb_text'); ?> 
			</p>

Open in new window


view of what I am trying to do

view live webpage here:
http://www.callcarol.com/example3/
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
Have you done it?

Commented:
On what browser this sentence is bad aligned? I check it on FF4, and latest chrome and it was correclty aligned at the center of space
Commented:
adjust your markup as follows:
<div style="" id="blurb">
<a href="http://appcenter.intuit.com/cash-maximizer-beta" target="_blank">
<img src="http://www.callcarol.com/example3/wp-content/themes/boldy/images/but_blurb.png" alt=""></a>
<p>Xaaps is three clicks to better customer and cash management on Quick Books.</p> 
</div>

Open in new window


And sync your styles as follows:
(line 311)
#blurb p {
    margin: 20px 0;
    padding-top: 0;
}
(line 315)
#blurb img {
    border: medium none;
    float: right;
    margin-top: 8px;
}
(line 296)
#blurb {
    background: url("images/bk_blurb.jpg") repeat-x scroll 0 100% transparent;
    border-color: #BDBDBD #FFFFFF #FFFFFF #BDBDBD;
    border-radius: 8px 8px 8px 8px;
    border-style: solid;
    border-width: 1px;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 25px;
    padding: 10px 20px;
    text-shadow: 1px 1px #FFFFFF;
}

Open in new window

Commented:
<a href="<?php 
			if(get_option('boldy_blurb_page')!=""){
				echo get_permalink(get_option('boldy_blurb_page'));
			}elseif(get_option('boldy_blurb_link')!=""){
				echo get_option('boldy_blurb_link');
			} ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/but_blurb.png" alt=""  /></a>
			<p><?php echo get_option('boldy_blurb_text'); ?> 
			</p>

Open in new window

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial