سلام
اگر اون قسمت bottom در border-bottom بردارید اونوقت یک مربع می کشید که با اینها کنترل می شه:
width & height
اولی به معنای عرض و دومی به معنای ارتفاع
انواع جهت ها که می تونید کنار border بگذارید اینها هستند:
top , left , right & bottom
top: خطی رو بالای متن داخل <div> قرار می ده.
left: خطی رو سمت چپ متن داخل <div> قرار می ده.
right: خطی رو سمت راست متن داخل <div> قرار می ده.
bottom: خطی رو پایین متن داخل <div> قرار می ده.
حالا برید به ادامه ی مطلب تا یک کلک رشتی رو ببینید.
<div>
<div style="width:100%;"><center>moji1<center></div>
<div style="width:93%;border-top:2px solid #78B834;margin:0 auto;"></div>
</div>