html <h1> <nobr> <span>salut Fred</span></nobr> </h1> css

h1::before{ display: block; content: ""; height: 10px; width: 50px; border-top: 5px solid; color: #119900; }

When the text is too long and goes outside the div or span, add this : white-space: normal;

 

ul li in line

<ul style="display:inline; list-style: none;">
          <li  style="display:inline;"><div style="background-color: #FF0000;width: 8px;height: 8px;">&nbsp;</div></li>
          <li style="display:inline;">plop</li>
          <li style="display:inline;">plop</li>
          <li style="display:inline;">plop</li>
        </ul>
 display: inline; list-style: none;