Text inexplicably ignores the boundaries of its container [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
In the slider on the top of my page there's a green and gray element (content starts with "Mauris..."). The white text in it - both the one in green and the one in gray sub-elements - comes out on the right. Why does it do that?
I can't seem to figure it out by looking into the CSS with Firebug.

Add white-space: pre-wrap
.home_trailer_details1 h2,
.home_trailer_details2 p,
.home_trailer_details2 .button {
white-space: pre-wrap;
}
Output:

Related

CSS - Any Tip to remove the space? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 days ago.
Improve this question
I need help to remove space above the navbar
My HTML code:
https://pastecode.io/s/uia7zv3t
My CSS code:
https://pastecode.io/s/ba5qtpmp
Your .container class has 30px margin top and bottom, I believe that's what you meant.
Anyway, your body also has a margin you should reset, and you should use tag in body to load CSS, but it should be moved to instead.

why when i gave maring auto, my buttons displays under each other [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
I have some buttons,i gave them margin auto and display:block. when i run it, margin auto runs correctly but buttons show under each other . can some one help me to solve this problem?
If you want the buttons centered but next to each other, wrap them in a div and put margin:auto on the wrapping div.

Text is failing to wrap [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
On the following form, longer descriptions are bleeding off of the form in DESKTOP mode, into one long line. This is true on the Preview, tho the preview of the phone device wraps.
LINK
How can we fix this?
enter image description here
There's this CSS rule being applied:
.form-sub-label-container {
white-space: nowrap;
}
To avoid that, either delete it (if you can), or overwrite it with the following rule in your custom CSS:
.form-sub-label-container {
white-space: normal;
}

background-color of div does not appear in the image [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I have used a p tag inside a div tag:
div{background-color:#3B3B3B;}
p{float:left;}
The background-color of div does not appear in the image:
How to solve this?
Using float on a child will cause the parent to collapse. There are many alternative solutions, see How do you keep parents of floated elements from collapsing?

Stop text from leaking out of div [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have some text which is contained in a div, however if it's too long, it leaks outside of the div and I don't want that. I dont want to use the overflow attribute and give it a scroll bar. Id like it to put the "..." at the end of the text to indicate that there's more text at the end that's not displaying. The user can then see the full text when they hover over it.
Is this possible to do?
Add the overflow-ellipsis class to your element:
.overflow-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
example of text-overflow..check it
http://www.w3schools.com/jsref/prop_style_textoverflow.asp