Solved

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

Posted on 2016-09-11
1
56 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 500 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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

635 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