CSS/HTML: What is the correct way to make text italic?

by

You should use different methods for different use cases:

  1. If you want to emphasise a phrase, use <em>.
  2. The <i> tag has a new meaning in HTML5, representing “a span of text in an alternate voice or mood”. So you should use this tag for things like thoughts/asides or idiomatic phrases. The spec also suggests ship names (but no longer suggests book/song/movie names; use <cite> for that instead).
  3. If the italicised text is part of a larger context, say an introductory paragraph, you should attach the CSS style to the larger element, i.e. p.intro { font-style: italic; }

More Related Contents:

  1. Using custom HTML Tags
  2. When to use line breaks vs CSS positioning?
  3. Most common way of writing a HTML table with vertical headers?
  4. Bold tag breaking the divs?
  5. Font Awesome 5 on pseudo elements shows square instead of icon
  6. Center image horizontally within a div
  7. How to change the height of a ?
  8. css ellipsis on second line
  9. How can you customize the numbers in an ordered list?
  10. Is it bad to use !important in a CSS property?
  11. Are block-level elements allowed inside inline-level elements in HTML5?
  12. Style input element to fill remaining width of its container
  13. How to make a whole ‘div’ clickable in html and css without JavaScript? [duplicate]
  14. How to specify the order of CSS classes?
  15. Using :after to clear floating elements
  16. Bootstrap 3 – How to maximize input width inside navbar
  17. 404 page not found – Go rendering css file
  18. HTML/CSS: Make a div “invisible” to clicks?
  19. css single or multiple line vertical align
  20. Jenkins Content Security Policy
  21. How do I vertical center text next to an image in html/css?
  22. Image in SELECT element [duplicate]
  23. Inserting HTML tag in the middle of Arabic word breaks word connection (cursive)
  24. Fix columns in horizontal scrolling
  25. Can Outlook 2010 use a web font in an html email?
  26. wrap anchor tag around li element
  27. align images side by side in html
  28. Removing the Bevel Effect on the Corner of Borders
  29. CSS class starting with number is not getting applied
  30. How to set a percentage height value in HTML/CSS

Leave a Comment