CODEWITHSUNDEEP
htmlcssline-breaksnowrap
Cr0up13r
Cr0up13r

Reputation: 9

Prevent break line in URL

how can I prevent line break in a URL in Mozilla Firefox. With using CSS white-space: nowrap; ? Any other solutions? Thanx.

http://codepen.io/anon/pen/VeNJKW

.container {
  width:  275px;
  padding: 10px;
  border: 1px solid black;
}

.nowrap {
  white-space: nowrap;
}
<div class="container"> 
  This is a URL: <span class = "">http://www.google.com/helloworld</span>
</div>

Upvotes: 0

Views: 227

Answers (2)

sheldonled
sheldonled

Reputation: 118

do you mean something like that?

.container {
  width:  275px;
  padding: 10px;
  border: 1px solid black;
  overflow: visible;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nowrap {
  white-space: nowrap;
}

http://codepen.io/sheldonled/pen/eJoqWR

Upvotes: 0

13ushm4n
13ushm4n

Reputation: 359

nowrap style is not applied in your code, should be:

This is a URL: <span class = "">http://www.google.com/helloworld</span>

->

This is a URL: <span class = "nowrap">http://www.google.com/helloworld</span>

Upvotes: 1

Related Questions