横並びのショートコードの前後の余白を消したい

テキストというのは通常の段落タグ（pタグ）のことでしょうか。
その下に画像を貼っているということでしょうか。
可能であれば、一度問題となっているページのURLをおしえていただければと思います。

早速の対応ありがとうございます。
サルワカさんのおっしゃる通り通常の段落タグでございます。
こちらのサルワカさんの記事でいうと、

11. 横並び2列
　　　　　　　　　　　　　　　　　　　←ここをなくしたい
橋の写真　　　橋の写真

というようなイメージでございます。
よろしくお願いします。

あ、横並び2列全体にかかっている上の余白を消したいということですね。
以下のCSSで横並びの上の余白を消すことができます。

.entry-content .shtb2, .entry-content .shtb3 {
    margin-top: 0;
}

見出しの下の余白が残りますが、もし見出しの下の余白も消したい場合は以下のCSSも必要です。

.entry-content h2, .entry-content h3, .entry-content h4 {
    margin-bottom: 0;
}

ご丁寧にありがとうございます。
スタイルシートにペーストしたのですが以前とかわりません。
サルワカさんの記事のCSSが効かない・反映されない時の対処法を読んで解決してみたいと思います。
それでもわからないときはまたよろしくお願いします。

貼り付ける場所次第で適用の優先順位が低くなる場合があります。
外観⇒カスタマイズ⇒追加CSSに貼ってみると良いかもしれません。

いつもsangoを使用させて頂いております。ドキキンと申します。
横並び画像[yoko2 responsive][cell]画像[/cell][cell]画像[/cell][/yoko2]のコードを使用してみた所、画像下の余白が気になっております。（気になるのは画像下の余白のみで、上部に余白はありません）
以前質問された方へご回答されたコード
.entry-content .shtb2, .entry-content .shtb3 {
margin-top: 0;
}

.entry-content h2, .entry-content h3, .entry-content h4 {
margin-bottom: 0;
}
を追加cssに入れても反映しませんでした。
ちなみに、行間は
.entry-content > p {
line-height: 1.2;
}
のコードを使用しています。
何かアドバイスいただけましたら幸いです。よろしくお願いいたします。

お世話になっております。
以下のように画像をdisplay:blockで表示してみるといかがでしょうか？


.entry-content .shtb2 img,
.entry-content .shtb3 img {
display: block;
}


よろしくお願いします。