H2とPは同じ行にあります（HTML、CSS、PHP）

Question

こんにちは私はh2見出しとpを同じ行に2つの空白があるようにしたいと思います。私はほとんどすべての解決策を試しましたが、私は間違って何をしているのかわかりません。

h3 { 
 
    float: right; 
 
    padding: 0; 
 
    margin: 0; 
 
    left: 20px; 
 
    display: inline; 
 
    color: #00cccc; 
 
} 
 
publish_date { 
 
    text-align: left; 
 
    padding: 0; 
 
    margin: 0; 
 
    color: #ff0033 
 
}

<publish_date>Lorem ipsum</publish_date> 
 
<h3>Sit amet</h3>

Answer 1

テストこのうち：ここに私のCSSとHTMLです！

CSS：

p, h3{ 
    display: inline-block; /* display on the same line */ 
} 
h3{ 
    position: relative; 
    left: 20px; /* this will not work without setting position property */ 
    padding: 0; 
    margin: 0; 
    color: #00cccc; 
    float: right; 
} 

p{ 
    padding: 0; 
    margin: 0; 
    color: #ff0033 
    text-align: left; 
} 

HTML：

ムハンマドウスマンが述べたようにちょうどあなたの情報について

<p><?php echo $the_publish_date ?></p><h3><?php echo $article_title1 ?></h3> 

は、 "<publish-date>が有効HTMLタグがない" としながら、あなたはこれを行うことができます、実際のポイントはありません。ネイティブの<p>または<span>タグに固執するだけでもいいかもしれません。

希望すると助かります！

JSFiddle：左隣同士に置くとマージン右にあなたがそれらの間の距離を制御することができます。https://jsfiddle.net/n3kmd9ye/

Answer 2

h3 float:left; margin-right:10px; フロートに追加します。

h3 { 
 
    float: right; 
 
    padding: 0; 
 
    margin: 0; 
 
    left: 20px; 
 
    display: inline; 
 
    color: #00cccc; 
 
    float:left; 
 
    margin-right:10px; 
 
} 
 
publish_date { 
 
    text-align: left; 
 
    padding: 0; 
 
    margin: 0; 
 
    color: #ff0033 
 
}

<publish_date>Lorem ipsum</publish_date> 
 
<h3>Sit amet</h3>