why is this tetx not overflowing on the x axis even though I have a fixed width and the <p tag is set to display: block?
Question
I need the text to overflow on the X axis just to reproduce some issue that I'm having on a bigger project. I leave a simple snippet, so you can tell me where I'm doing it wrong. Thanks!
.article { background-color: rgb(236, 161, 161); width: 20em; }.article p { display: block; }
<article class="article"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis deleniti iure quidem distinctio officia voluptates similique molestiae culpa? Perferendis, velit maiores nobis maxime aut facere eaque quis voluptas accusamus commodi.</p> </article>1 answers
1 floor GROVER. 1 2022-09-27 22:12:23
If you want the p tag to overflow on the x-axis, you simply need to tell it not to wrap using the white-space property:
p{
white-space: nowrap;
}
Question not resolved ? You can try search: why is this tetx not overflowing on the x axis even though I have a fixed width and the <p tag is set to display: block?.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Why does my d3 chart's x-axis include the first of every month as a tick even though I set the tick interval to every 7 days?
A text box appears when I load the page even though I have set its “style:display” to none
Why isn't getFile() creating any files even though i have set the create flag on true?
AngularJS: Why am I getting NaN for this even though they display correctly?
Why is Mongo giving me the E11000 error even though I don't have any field set to unique?
Why the page is overflowing both in x and y axis and also not centering vertically?
Why does this jQuery replace() not work in an <a tag, though I got it to work in a <p tag?
How to have fixed height and auto width for a div containing objects with inline-block display?
How can I display fixed labels on X-axis while having data on that axis?
How can I block the keyboard from appearing even though I need to set my webView contentEditable=true?
Related Tags