liの点を消したあと左詰めにする方法

Question

前提・実現したいこと

list-style:none;でリストの点を消したあと、左詰めにしたい。

ここに質問の内容を詳しく書いてください。
HPを製作中なのですが、サイドバーでリストの点を消したあと、
消した点の箇所を左詰めにしたいです。
text-alien:left;も行いましたが、一向に左詰めにならないため質問させていただきました。
【例】
｜・りんご
｜・ばなな
｜・いちご
↓
｜りんご
｜ばなな
｜いちご

としたいのですが、

｜　りんご
｜　ばなな
｜　いちご
※'｜'は空白が分かりづらかったため付けました

と点分の空白が空いてしまいます。
この空白を埋めたいです。

発生している問題・エラーメッセージ

.sub-menu{
margin-bottom: 60px;
list-style: none;
}

試したこと

text-alien:left;　の追加
margin:0px;　の追加

よろしくお願いいたします。

Answer 1

特にCSSで初期化していない場合、大抵のブラウザではulにはpadding-leftが追加されていると思いますので
padding-left:0をulに追加してみてください。

Comments

[Akimon]

回答ありがとうございます。
実践してみましたが、変化なしでした。。。

Chromeデベロッパーツールで見ると、真ん中の青いエリアに該当するようです。
https://gyazo.com/44986184372e8048b544072e527050a6

[gogoweb_ikeda]

これは下のこのお店についてと左端を合わせたいということでしょうか？
その場合ul周りのHTMLとCSSを提示してください。

[Akimon]

返信遅れてしまい申し訳ございません。

左端を合わせたいということです。
確認お願いします。
【URL】
https://gyazo.com/6a452fcc8e1d44f28684e519aeaf6548
【HTML】
https://gyazo.com/231c3bd1dc6168977f2714b17abf947d
【CSS】
https://gyazo.com/b9f35f48a0408a551b626d88f0d1c3f4
https://gyazo.com/26986647b8dc2e3c21aa2c28881e479e
https://gyazo.com/b407dc0f375e1e2e057487c668e78f79