My <strong> tags causing a line break?

**chargin8** · Sep 9, 2012 23:12

Code:

<strong>MATERIALS:</strong>&nbsp; Outer 100% wool, Lined with black rayon<br />
<strong>SIZE:</strong> 12<br />

The above code is being rendered like this

MATERIALS:
Outer 100% wool, Lined with black rayon
SIZE:
12

When I want it like this

MATERIALS: Outer 100% wool, Lined with black rayon
SIZE: 12

Heres the html from viewing the source of the page,

HTML Code:

<strong>MATERIALS:</strong>
&nbsp; Outer 100% wool, Lined with black rayon
<br>
<strong>SIZE:</strong>
12
<br>

This is using a zencart template from template monster and the CKeditor text editor.
I have the same issue on another zencart site also. I cant see any css that would cause it.
the site is offline now so I cant show it to you but any help really appreciated.

**Pullo** · Sep 10, 2012 01:56

Hi,
If you can alter the CSS, add this:

Code CSS:

strong{display: inline;}

and see if that makes a difference.

**ralph.m** · Sep 10, 2012 03:51

Yes, Pullo's suggestion is worth trying. The HTML you posted should appear the way you want, so it seems there's a style in your CMS like

Code:

strong {display: block;}

To override it, you may need

Code:

strong {display: inline !important}

... though it may mess up other parts of your site.

It's a pretty rotten thing to do to you, though, to set <strong> to display: block.

**chargin8** · Sep 10, 2012 16:13

I will be trying this today.
Template monster do a lot of bad things, a lot of templates have the bullet points from ul missing for example, adding them in puts bullet points all over the site in the strangest places..
Takes a bit to get it sorted.

**chargin8** · Sep 11, 2012 01:21

Awesome thanks people, you pinpointed the issue. There was this in there

.description strong{ color:#000; display:block;}

Not sure why they would do that....

**Pullo** · Sep 11, 2012 01:22

Glad to hear you got it sorted out.

**polyhedra** · Sep 12, 2012 14:50

A basic cascading style sheet will make it look like this, used the unorded list which actually is the trick.

Code:

<html>
<head>
<style>
p {
display: inline;
}

ul{
list-style: none;
margin: 0;
padding: 0;
}

li{
margin: 0;
padding: 0;
}

</style>
<head>
<body>
<ul>
<li><strong>MATERIALS:</strong><p>Outer 100% wool, Lined with black rayon</p></li>
<li><strong>SIZE:</strong><p>12</p></li>
</ul>
</body>
</html>

User Tag List

Thread: My <strong> tags causing a line break?

Thread Tools

Display

My <strong> tags causing a line break?

Bookmarks

Bookmarks

Posting Permissions