如何使两行具有相同的结尾和起点?

时间:2016-06-30 04:07:55

标签: html css

我想让cal和email有相同的起点和终点意味着结束和开始应该对齐所有屏幕。怎么做?

 <span style="text-align: center;font-family:Myriad Pro;font-weight:bold">
 Call :- <span class="word">91</span>&nbsp;-&nbsp;&nbsp;<span class="word">number</span><br>
 + <span class="word">91</span><span class="word">number</span><br>
 Email :- care@

enter image description here

2 个答案:

答案 0 :(得分:1)

将您的内容放在表格中,它会使您的内容更整洁。

例如:

    <table>
       <tr>
          <td>Call</td>
         <td>
             Number One<br>
             Number Two
         </td>
       </tr>

       <tr>
         <td>E-mail</td>
         <td>email@email.com</td>
       </tr>
  </table>

您可以看到我的示例here。或者,您可以查看此链接以获取更多示例W3School Tables

答案 1 :(得分:0)

尝试使用<table>,<tr> and <td>,会使其更具结构性。

<table>
<tr>
<td>Call </td>
<td>:</td>
<td> +Number</td>
</tr>

<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td> +Number </td>
</tr>

<tr>
<td>Email</td>
<td>:</td>
<td>blank@email.com</td>
</tr>

</table>