2つの除算が交差する境界を削除する

Question

2つの除算の境界線を接続し、2つの除算が交差する境界線を削除しますが、除外しません。私はこのコードを試しました。

<div style="border:solid 1px #CCC; 
margin: 15px 0px 0px 350px; 
border-bottom:none; 
padding:12px 12px 8px 12px; 
border-radius:5px 5px 0px 0px; 
width:300px; 
text-align:center;"> 

<strong style="font-size:18px; color:#000">ABC</strong> 
</div> 
<div style="width:968px; 
float:left; 
margin:0px 15px 15px 15px; 
border: solid 1px; 
border-color:#CCC; 
border-radius:10px;"> 
Hello 
</div> 

誰でもこのエラーを解決するのに役立つことができます。

jsFiddle：http://jsfiddle.net/9XFDp/1/

Answer 1

だけtopから1pxによってトップdivを微調整し、いくつかbackground-colorあるいはborder-bottomヘッダdiv

position: relative; 
top: 1px; 
background: #fff; 
z-index: 1; 

に以下の特性

Demo

追加された微細で使用

注：inline CSSを使用せず、代わりにクラスを作成してください。

Demo 2（background-colorを使用しない、代わりborder-bottom: 1px solid #fff;を使用）

Answer 2

この

DEMO

CSS

.title{ 
border:solid 1px #CCC; 
margin: 15px 0px 0px 350px; 
border-bottom:1px solid #ffffff; 
padding:12px 12px 8px 12px; 
border-radius:5px 5px 0px 0px; 
width:300px; 
text-align:center; 
    font-size:18px; color:#000 
     font-weight:bold; 
position:relative; 
    top:1px;  
} 
.content{ 
    width:968px; 
float:left; 
margin:0px 15px 15px 15px; 
border: solid 1px; 
border-color:#CCC; 
border-radius:10px; 
} 

同様