How do I vertically align text in a paragraph?

by

Try these styles: 

p.event_desc {
  font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 14px;
  height:75px;
  margin: 0px;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #f00;
}
<p class="event_desc">lorem ipsum</p>

More Related Contents:

  1. How to place elements like this
  2. How to change the style of the title attribute inside an anchor tag?
  3. Word-wrap in an HTML table
  4. Last margin / padding collapsing in flexbox / grid layout
  5. Vertically center two elements within a div [duplicate]
  6. How to keep origin in center of image in scale animation?
  7. set content height 100% jquery mobile
  8. Why is a div with “display: table-cell;” not affected by margin?
  9. Why isn’t object-fit working in flexbox?
  10. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  11. Best way to include CSS? Why use @import?
  12. Overflow:hidden dots at the end
  13. How do I *really* justify a horizontal menu in HTML+CSS?
  14. Use Font Awesome icon as CSS content
  15. What is the use of style=”clear:both”?
  16. How to hide elements without having them take space on the page?
  17. How can I put an input element on the same line as its label?
  18. Is inside block correct?
  19. Can we set style to title tag in header
  20. How do I disable form fields using CSS?
  21. Use multiple @font-face rules in CSS
  22. Changing the text selection color using CSS?
  23. CSS selector for empty or whitespace
  24. Why is my textarea higher up than its neighbor?
  25. How can one create an overlay in css?
  26. How to vertically align text in input type=”text”? [duplicate]
  27. Select box arrow style
  28. CSS Filter not working in Firefox
  29. Bootstrap 3 Flush footer to bottom. not fixed
  30. Darken CSS background image? [duplicate]

Leave a Comment