css - 在文本中选择看起来不错的选项

Question

当一个选择选项出现在文本中时，如何使它看起来漂亮并且在“同一行”上？

<p class="ptest">This is a
  <select class="selectpicker" data-width="100px">
    <option value="">very good</option>
    <option value="">very bad</option>
  </select> &nbsp;test.
</p>

我使用 Bootstrap 和 selectpicker js。

http://jsfiddle.net/18uLb3cd/

Answer 1

“.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"]”有底部边距

垂直居中变化

margin-bottom: 10px;

到

margin-bottom: 0;

Fiddle