There is a tags section on the blog detail page.
The html code for it is as follows:
<td class="tags">
<a href="">tag1></a>, <a href="">tag2</a>
</td>
However, the tags are appearing on separate lines instead of inline for some reason.
To fix this issue, I need to create a specific CSS style to target this section.
How can I ensure that the tags appear on the same line?
I tried using:
display: inline
but that did not work.
Here is the CSS code being used:
.entry .entry_meta_bottom a,
.entry_individual .entry_meta_bottom a {
display: block;
font-size: 0.9em;
line-height: 1.75em;
background-position: 0 60%;
background-repeat: no-repeat;
text-decoration: none;
margin-right: 10px;
}
.entry .entry_meta_bottom td.tags,
.entry_individual .entry_meta_bottom td.tags
{
background-image:url("../icon_tags.gif");
background-repeat: no-repeat;
padding:0 0 0 25px;
}