html - CSS/HTML - 圆圈数字的水平线

Question

See this

我正在尝试获取一串数字并在它们周围放置圆圈。如何让它们显示在一条长水平线中，而不是每行显示一个圆圈？

07、06、08、02、86、05、01、03、88、87、04

<div class="numberCircle">07</div>, <div class="numberCircle">06</div>, <div   class="numberCircle">08</div>, <div class="numberCircle">02</div>, <div class="numberCircle">86</div>, <div class="numberCircle">05</div>, <div class="numberCircle">01</div>, <div class="numberCircle">03</div>, <div class="numberCircle">88</div>, <div class="numberCircle">87</div>, <div class="numberCircle">04</div>, <div class="numberCircle">07</div>, <div class="numberCircle">06</div>,<label><b><del>08</b></del>, <b><del>02</b></del>, <b><del>05</b></del>, <b><del>01</b></del>, <b><del>87</b></del>, <b><del>04</b></del>, </label><br>

基本上我正在尝试复制 this .

Answer 1

使用 CSS float :

div.numberCircle {
  float: left;
}