ボタンの大きさを文字数に関係なく、固定したい

Question

ボタンを配置してその中に文字を書くのですが文字数によってボタンの大きさ（長さ）が画像のように変わってしまうのでそこを変わらないようにしたいです。
複数の書かれている文字が違うボタンをボタンの大きさが同じになるようにそろえて配置したいです。
Bootstrap3を使用しています。
HTML＆CSSは以下の通りです。

<div class="btn-group">
                        <button type="button" class="btn btn-default interval">
                                ドロップダウン
                        </button>
                        <button type="button" class="btn btn-default dropdown-toggle interval" data-toggle="dropdown" aria-expanded="false">
                                <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                                <p>説明文を長々と</p>
                        </ul>
</div>

button.interval{
  padding: 70px 160px;
}

.btn-group {
  margin-bottom: 50px;
  margin-left: 30px;
}
button.btn.btn-default.interval {
  background-color:#FFF1B8;
}

.btn-group>.btn:first-child {
  margin-left:40px !important;
}

Comments

[runny_nose]

CSSも記載してください。特に変えてませんと言われても、何から変えてないのか？がわかりません。
過去にされている質問を見なさいということでしょうか？

Answer 1

単純に下記のように固定サイズにすればいいのではないでしょうか。
数値は適宜変えてください。

.btn-default {
    width: 500px;
    height: 50px;
}

Answer 2

button.intervalにwidthを指定すれば、想定の表示になるかと思います。
もしくはflexを使用するか。