Printable Version of Topic

Posted by: halim Aug 8 2023, 07:18 AM

I designed a page using HTML code and it was working fine..

All of the sudden, my text is not totally showing.

Need help !

see attached


Attached thumbnail(s)

Posted by: coothead Aug 8 2023, 08:53 AM

Hi there halim,

and a warm welcome to these forums.

Let's keep it simple...
HTML

CODE

<ul>
  <li>
   <a href="./products1.html">Line Interactive</a>
  </li><li>
   <a href="./products2.html">Online with Isolation Transformation</a>
  </li><li>
   <a href="./products3.html">Online without Isolation Transformation</a>
  </li><li>
   <a href="./products4.html">Line Interactive Pure Sine Wave Output</a>
  </li>
</ul>

CSS

CODE

ul {
   display: inline-block;
   padding: 1em 1em 1em 2em;
   border: 1px solid #000;
   background-color: #fff;
}
ul a {
   font-weight: bold;
   text-decoration: none;
}

View Example
https://codepen.io/coothead/full/dyQLLNv