Question

一个div中有两个span，只需第一个span居中，第二个span在第一个span居中后左起排列？

<div style="text-align:center;margin:0 auto;width:100%;">
<span >收 据</span>
<span > No.</span>
<input name="text12" type="text1" style="border-left: 0px;border-right: 0px;border-top: 0ex;border-bottom: 1px solid black;" size="20" />
</div>

Answer 1

<span>收 据</span>
<span> No.</span>
<input name="text12" type="text1" style=" display:block;margin:0 auto;border-left: 0px;border-right: 0px;border-top: 0ex;border-bottom: 1px solid black;" size="20" />

Answer 2

<div style="text-align:center;margin:0 auto;width:100%;">
<span style="display: block;">收 据</span>
<span> No.</span>
<input name="text12" type="text1" style="border-left: 0px;border-right: 0px;border-top: 0ex;border-bottom: 1px solid black;" size="20" />
</div>

追问

收据和No在一条线上，收据居中后面紧跟No，不是收据和No一起居中，怎么办？

追答

收 据，改成收 据

Answer 3

<div style="text-align:center;margin:0 auto;width:100%;">
<span >收 据</span>
<span style="text-align:right; width:30px; > No.</span>
<input name="text12" type="text1" style="border-left: 0px;border-right: 0px;border-top: 0ex;border-bottom: 1px solid black;" size="20" />
</div>

Answer 4

??