html - List full size border -
i've run problem css + lists.
for list have following code:
<ul class="submenuul"> <li>submenu item 1</li> <li>submenu item 2</li> <li>submenu item 3</li> <li>submenu item 4</li> <li>submenu item 5</li> <li>submenu item 6</li> <li>submenu item 7</li> </ul>
with css:
.submenuul { margin-left: 20px; width: 250px; } .submenuul li { border-top: 1px solid #edbb98; color: #5f5f5f; }
the problem want border extend above list image, goes on text. there way solve cause border extend left?
use:
.submenuul li { border-top: 1px solid #edbb98; color: #5f5f5f; list-style-position: inside; }
Comments
Post a Comment