?
Solved

Setting max-height causing large text to show up in padding area

Posted on 2016-09-11
1
Medium Priority
?
59 Views
Last Modified: 2016-09-19
HI,
I am attaching an html file :
In this there are two entries... And the text part in each entry i have set max-height to be 60px..
In the first one as the height is < 60px the padding area which is empty area just under the text shows up.
whereas in the next entry since the height of text is more than 60px . The text is getting overlapped over the padding area.

How can i prevent this...I want to show max text of 60px in this area followed by the empty padding area no matter what the size of text is.

Thanks
Archive.zip
0
Comment
Question by:Rohit Bajaj
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 9

Accepted Solution

by:
Shahid Thaika earned 2000 total points
ID: 41793286
In the div where you have set 'max-height: 40px;', also set overflow to either hidden or auto;

style="max-height: 40px;overflow: hidden;"
0

Featured Post

How To Reduce Deployment Times With Pre-Baked AMIs

Even if we can't include all the files in the base image, we can sometimes include some of the larger files that we would otherwise have to download, and we can also sometimes remove the most time-consuming steps. This can help a lot with reducing deployment times.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

718 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question