Only part of the text visible in the text box

Question

I have a long text that doesn't fit in a column and so I would like to hide the Github-like text with URL repos (see picture below).

enter image description here

How is this possible to implement or is there any code already available?

+3

css html5

user977828 03 jan. 15 at 7:35 am

source to share

2 answers

This is a CSS question. You can analyze the Github formatting of the text input field and figure out how it's done.

0

Kwaku 03 jan. 15 at 8:58 am

source to share

Evgeny Samsonov · Accepted Answer · 2015-01-03T09:14:48+0000

You can use overflow: hidden

css property :

div {
  border: 1px solid #333;
  height: 20px;
  width: 50px;
  overflow: hidden;
}

<div>Lorem ipsum dolor.</div>