My images aren't aligning properly in posts. The top of the image is not aligning properly with the top of the text. My paragraphs go too far down. I don't want to use negative margins since the image should look good inserted anywhere in the post, not just the top.
Example: http://themeforward.com/demo2/2011/01/17/lobortis-tellus-diam/
For my paragraphs I am using:
#single_wrap p {
color:#444;
margin:0 0 15px 0;
line-height:1.7em;
font-size:13px;
font-family:Verdana, Geneva, sans-serif
}
For my images I am using:
/* Images */
#single_wrap img {
border:none;
height:auto;
z-index:5!important
}
#single_wrap p img {
border:none;
height:auto;
max-width:100%;
z-index:5!important
}
/* Images - Aligning */
.aligncenter {
clear:both;
display:block;
margin:0 auto
}
.alignleft {
display:inline;
float:left;
margin:0
}
.alignright {
display:block;
float:right;
margin:0
}
/* Image Captions */
.alignleft.wp-caption {
margin:10px 15px 10px 0
}
.alignright.wp-caption {
margin:10px 0 10px 15px
}
.aligncenter.wp-caption {
margin:10px auto!important
}
.wp-caption {
max-width:100%!important
}
.wp-caption img {
border:0;
margin:0;
overflow:hidden;
padding:0;
width:100%!important
}
.wp-caption-text {
background:#E6E6E6;
font-family:Verdana, Geneva, sans-serif;
font-size:10px!important;
margin:0!important;
padding:10px;
line-height:18px!important;
text-align:center;
text-shadow:#E6E6E6 1px 1px 1px!important
}
PS - still looking for help on this one: PHP Code For Link WITH Text
