ul、liでfloatもdisplay:inline-blockも使用せず横並びにする方法

HTML,CSSを勉強中のものです。
編集しているサイトが、通常

<ul><li></li></ul>でタブメニューを横並びに表示しているようなのですが、 floatもdisplay:inline-blockも使用していないようでした。

このたび間違えた箇所を編集してしまったのか、

<ul><li></li></ul>のリストがすべてタテ並びに表示されるようになってしまい、どうしても元の横並びに戻すことができません。


<style>

.highlight {
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}

</style>



<section class="area-ranking">
<h2><img src=".gif"></h2>


<ul id="tabMenu" class="cf">

<li><a href="#tabBox1"><img src=".gif"></a></li><li><a href="#tabBox2"><img src=".gif"></a></li><li><a href="#tabBox3"><img src=".gif"></a></li><li><a href="#tabBox4"><img src=".gif"></a></li><li><a href="#tabBox5"><img src=".gif" ></a></li></ul>


<div id="tabBoxes">
<div id="tabBox1">
<ul class="cf">


<li>
<a href="">
<p class="img"><img src=".jpg"></p>
<p class=""></p>
<p class="txt"></p>
</a>
</li>



<li>
<a href="">
<p class="img"><img src=".jpg" ></p>
<p class="label heightLine-ranking-01" style="height: 17px;"></p>
<p class="txt"></p>
</a>
</li>



<li>
<a href="">
<p class="img"><img src=".jpg"></p>
<p class="label heightLine-ranking-01" style="height: 17px;"></p>
<p class="txt"></p>
</a>
</li>

<li>
<a href="">
<p class="img"><img src=".jpg" ></p>
<p class="label heightLine-ranking-01" style="height: 17px;"></p>
<p class="txt"></p>
</a>
</li>


<li>
<a href="">
<p class="img"><img src=".jpg"></p>
<p class="label heightLine-ranking-01" style="height: 17px;"></p>
<p class="txt">/p>
</a>
</li>



</ul>
</div><!-- /#tabBox1 -->



↑こんな感じでタブボックスが5まであります。




</a>
</li>
</ul>
</div><!-- /#tabBox5 -->
</div><!-- /#tabBoxes-->
</section>

最後は↑のように終わるのですが、これが通常は横並びなのですが、
現在は縦並びになっています。

この部分のコードだけで改善点はわかりますでしょうか？
CSSでは何も指示していないようなので、この中に修正点があるように思うのですが、
自分が見る限りではどう直したらよいのかわからないので
お力を貸していただきたいです。
よろしくお願いします。

kei344

2017/12/03 11:43

CSSも提示してください。また、質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

araki.a

2017/12/03 12:23

kei344さま　やり方まで記載してくださりありがとうございます。このような感じで大丈夫でしょうか？

kei344

2017/12/03 12:40

HTMLはひとまとめにしてください。PCであれば記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。また、外部スタイルシートなどはありませんか？

araki.a

2017/12/03 12:53 編集

kei344さま　コードブロックもわからずすみませんでした…。ただいま自宅のＰＣから質問をしており、外部スタイルシートがあるかは会社のＰＣからでないと見ることができないのですが、フォルダのファイルの中にあったような気がします。複数人チームなので外部スタイルシートを誰かが編集したのかはわかりませんが、ＨＴＭＬファイルではなく、外部スタイルシートがおかしくなってしまったのでしょうか？

araki.a

2017/12/04 03:31

kei344さま　外部スタイルシートを修正したらなおりました。ありがとうございました！