CSS显示：内联，p元素和间歇性故障

Question

[编辑：HTML无效需要在Markdown处理器吐出后清理。由于尤卡K. Korpela！]

我有嵌套在span元素的内部p元素，但是当我在我的p元素的CSS使用 display: inline;，它似乎只工作 间歇。

这里的HTML：

<div class="item"> 
    <a name="3"> 
     <div class="image"> 
      <img src="http://benjamingolder.com/media/images/portfolio/denver-installation_1.jpg" alt="Biennial of the Americas" /> 
     </div> 
    </a> 
    <span class="name">Biennial of the Americas</span> 
    <span class="description"><span class="punct"> | </span> <p>To present the Local Code project at the <a href="http://www.biennialoftheamericas.org/artistsnicholas-de-monchaux.html">Biennial of the Americas</a> in Denver<span class="punct">,</span> Colorado<span class="punct">,</span> we constructed 225 site models from recycled doors<span class="punct">,</span> furniture<span class="punct">,</span> laser<span class="punct">-</span>cut acrylic<span class="punct">,</span> fur coats<span class="punct">,</span> and steel<span class="punct">.</span></p> 
    </span> 
</div> 

而这里的CSS：

.name { 
    font-style: italic; 
} 
.description, .projectdescription { 
    width: 496px; 
} 
.description p { 
    margin: 0; 
    display: inline; 
} 

这里是页面，在这里你可以看到它在行动：

http://benjamingolder.com/portfolio/local-code/#3

当我用铬检查它，它说p元素有属性 display: inline但它仍然显示为块。

在此页面，完全相同的设置似乎很好地工作：

http://benjamingolder.com/portfolio/rec-center/

如果我导航到这样的作品，然后再回到这不是 工作的页面，突然它的页面正在工作中，尽管我没有编辑过css或html的 全部。

再一次，它失败有时所以它可能实际上第一次查看它的工作。 我真的很想知道它是否发生在别人身上，如果他们能发现任何可能导致这种细微差别的事情。

Answer 1

在span内部具有p的标记对HTML规则无效，并且这可能具有各种效果。首先修复标记。