• Status: Solved
  • Priority: High
  • Security: Public
  • Views: 44
  • Last Modified:

Formatting the web page

The text in the top left paragraph of the following web page is hidden by the line below it (see attached screenshot). I would like at least a couple of spaces between the bottom of the paragraph and the line.

The URL for the web page is here: https://web.sonoma.edu/exed/degrees/.  I am also attaching the HTML file.

I need this fixed ASAP. Thank you!
degrees.JPG
index.html
0
geeta_m9
Asked:
geeta_m9
  • 2
2 Solutions
 
Shaun VermaakTechnical Specialist/DeveloperCommented:
Change the height
height.png
0
 
David KellyWeb developerCommented:
To keep your rows uniform, simply change the first two divs with the class "audience-category":
<div class="audience-category" style="height: 300px">

Open in new window

If that content is going to be changing fairly often, I'd think about nesting those divs so you can let the content determine the height.
1
 
geeta_m9Author Commented:
Both the solutions work great! Thank you.
1
 
geeta_m9Author Commented:
Both solutions were great and I would have liked to have chosen both  but it seems like I am forced to pick one only. I value both your solutions equally. Thank you for your help.
1
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: CompTIA Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now