Formatting issue

Read only link:
https://preview.webflow.com/preview/employerdirectory?preview=85c9a8678372b0530807b495bf9763eb

I am using a HTML include function and it is generating the code properly for my test html browser but it is not formatting correctly on my live site.

Here is the code:

<div class="w-section">
<div class="w-container">
  <div>
    <div class="w-embed">
      <p> <a href="http://www.employerdirectory.com/directory/Location/">Location</a> > <a href="http://www.employerdirectory.com/directory/Location/California/">California</a> >  Los Angeles Metro Area</p>
    </div>
  </div>
</div>

It appears correct on my test browser:
Location > California > Los Angeles Metro Area

However when published on my webflow created site it looks like this:
LocationCalifornia> > Los Angeles Metro Area

I think it is a formatting issue, but I cannot figure it out.

Thanks in advance for any help anyone can give me

Hi @rickab, Can you please update your post with some more information so we can help you faster? Things like your read-only link, screenshots, and your environment info really speed things up.

Posting guidelines can be found here: Posting Guidelines for the Design Help Category - General - Forum | Webflow

Thanks in advance! :slight_smile:

Read only link:
https://preview.webflow.com/preview/employerdirectory?preview=85c9a8678372b0530807b495bf9763eb

Screen shot:

Tested in Chrome, IE, & Firefox, all show incorrect format

Thanks for the additional info :slight_smile: Can you provide screenshots of the page, the element, and the expected result? I’m trying to narrow down your code problem.

Also, if you can provide a reduced case (duplicate your site and remove anything unrelated to the issue) that would be really helpful.

Thanks in advance! :slight_smile:

I have made a duplicate copy of the site and left on the page in questions named defdir

https://preview.webflow.com/preview/employerdirectory11092930?preview=6027507a1cdbe0c7cfa0dff7e9581693

Here is a screenshot within webflow showing the element in question. It is %%location%% and is an embedded element. It calls information from my SQL database. It is delivering the correct code (above), it just does not format it correctly.

I expect it to return: (example based on code)
Location > California > Los Angeles Metro Area

However it returns:
LocationCalifornia> > Los Angeles Metro Area

The “>” that should be between “Location” and “California” shows up after “California” and also pushes the two words together without a space.

Also - FYI

If I copy the line “LocationCalifornia> > Los Angeles Metro Area” that is showing incorrect on my site here:
http://www.employerdirectory.com/directory/Location/California/_Los_Angeles_Metro_Area/

If I paste it in a text editor it shows as:

Location
> 
California
> Los Angeles Metro Area

Which is not perfect, but the end result is better than what is showing now.

Of course the end result I am looking for is still:
Location > California > Los Angeles Metro Area

I was able to figure it out by trial and error.

It was being caused by some custom css formatting that was within the template I was using.

I rebuilt the site from scratch and it worked fine.

I thought I would be able to save time using a template but learned the hard way.