You are not wrapping the code inside <code>
tags.
<pre>
<code>
selector {
property: value;
property: value;
}
</code>
</pre>
Furthermore, most syntax highlighting plugins also use this format (both <pre>
and <code>
) to render code.
Here you have more about this.
https://css-tricks.com/snippets/css/make-pre-text-wrap/
Related Posts:
- How can I remove line breaks from manually formatted HTML?
- HTML tables in content areas
- Expected RBRACE, but the bracket is there?
- Keep HTML format when switching from Visual to HTML editor
- Can I force WordPress to use instead of ?
- How to Include HTML in Excerpts?
- Prevent WordPress from messing my HTML
- WordPress editor not creating tags properly in tables
- Removing Line Break Tags from a Page
- How to display html code normally?
- image overlay on image not working in wordpress, but works in “normal html editors”
- WordPress HTML editor panel is not showing HTML elements
- Half circle with CSS (border, outline only)
- Unblur content inside blurring background div
- What character encoding is >?
- Setting table column width
- What is difference between png8 and png24
- How to center an iframe horizontally?
- How can I set the default value for an HTML
- the use of `%3F` in URL
- Tab space instead of multiple non-breaking spaces (“nbsp”)?
- My website doesn’t work in I.E. (but does in chrome and firefox)
- Onclick javascript to make browser go back to previous page?
- Best way to encode Degree Celsius symbol into web page?
- How to place a text next to the picture?
- How do you create a hidden div that doesn’t create a line break or horizontal space?
- Is it possible to get a list of files under a directory of a website? How?
- How to darken a background using CSS?
- How to solve PHP error ‘Notice: Array to string conversion in…’
- Hiding a button in Javascript
- How to display and hide a div with CSS?
- Draw a line in a div
- Get HTML code using JavaScript with a URL
- Why is “cursor:pointer” effect in CSS not working
- a href link for entire div in HTML/CSS
- How to read if a checkbox is checked in PHP?
- Definition of ui-sref in Angular.js?
- mailto using javascript
- Complete list of reasons why a css file might not be working
- How to submit a form with JavaScript by clicking a link?
- Brackets – Live Preview not working
- CSS set li indent
- Why does this CSS margin-top style not work?
- How to do auto-width with HTML IFrame
- Freeze the top row for an html table only (Fixed Table Header Scrolling)
- HTML list-style-type dash
- Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery
- How can I make my footer center to the bottom of the page?
- “AutoComplete=Off” not working on Google Chrome Browser
- Why would max-width not work on this?
- Making text background transparent but not text itself
- Square brackets in CSS
- How do I disable form fields using CSS?
- Scraping data from website using vba
- body background color not showing?
- How to make my website fit any screen size?
- Display:inline not working
- Bootstrap 3 Glyphicons CDN
- top align in html table?
- SVG drop shadow using css3
- How do I change the default index page in Apache?
- Force table column widths to always be fixed regardless of contents
- Colspan all columns
- Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
- Using Numbers With Font Awesome
- single line comment in HTML
- Is there a way to bookmark or link to a section of a page without an anchor?
- Copying HTML code in Google Chrome’s inspect element
- how do I get the bullet points of a
- to center with the text?
- CSS: Can a div “float:middle” rather than “float:left;” with margin-left?
- Mail will not send in HTML
- How to Embed HTML files directly into WordPress
- Why is WordPress WYSIWYMG and how do I make it WYSIWYG?
- Thumbnail + Excerpt = loss in word count
- How do you get words to show up at the bottom instead of beside a left-aligned photo? [closed]
- Migrating content from an old solution. How to easily change hardcoded hyperlinks in legacy content
- Embed tag length issues
- Selectively remove empty line after line change
- How put links in wordpress dynamic sidebar?
- How to add a class to the element?
- Text Editor Tags
- How do I make HTML output work when using the customizer?
- Custom posts with certain html [closed]
- What doctype is considered best practice to use for WordPress?
- Using custom HTML tags to WordPress [closed]
- Remove tags from wordpress head
- render html no formatting
- hyphenation not working in Gutenberg editor
- product description text displays above website when in shop page [closed]
- All wordpress site went white blank screen
- Why is WordPress swapping double quotes (“) to curly quotes (“) and how do I stop it from happening?
- Display GIF as Facebook link thumbnail
- Change rel=”noopener noreferrer” to rel=’noopener noreferrer’ (single quote)
- How to add an ID to an existing HTML element?
- Open popup automatically when navigate to the page id
- Displaying html table on post content
- What are the WordPress’ pre-formatted html components?
- can’t update plugins or wordpress or install new plugins [duplicate]
- How can I add a google play badge to my header and footer?
- Post title appears twice in browser title bar