How to check html code now?

You can open this feature in by clicking on the dropdown menu in the upper-right corner of the dashboard.

Edit:
There are many useful sources about Gutenberg, for example:
– Gutenberg handbook: https://www.ads-software.com/gutenberg/handbook/
– https://www.ads-software.com/gutenberg/
– https://gogutenberg.com/
– Gutenberg Tutorial: https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/
– GutenFAQ: https://github.com/WordPress/gutenberg/blob/master/docs/reference/faq.md ; https://docs.google.com/document/d/1XaARXrJBF9CQ0qNHHbDxvvlZTtyrG7b9scjuFFJll7E/edit#heading=h.vj8fogmps05y

• This reply was modified 5 years, 10 months ago by t-p.
• This reply was modified 5 years, 10 months ago by t-p.

Thanks, kisses.

You are welcome ??

@t-p
By the way, i do encounter problem with that.
Why the code editor change my original code and brokes it?
https://prntscr.com/m3nizj
That’s how my page’s looks originality. When i click to edit the main page and click save, everything brokes.
https://prntscr.com/m3nj66

Images becomes big, code effects brokes…. That’s the code for the page looks. But when i save it from the new version of WP, everything brokes. The new WP, add “br” everywhere and change the lines? I’ve tryed the code in new page with one project, the same results. Why it brokes? What is lacking or that’s cuz the new WP. It works fine before i make any changes to it, it was ok in 4.2 wp.
Shortcode Ultimate plugin is uopdated too, because without it, the site brokes.

https://prntscr.com/m3nkah

<style>
.otaku-overlay{
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  text-align: center;
}
.otaku-effect{
  position: relative;
}
.otaku-frame{
  float: left;
  margin: 0 0.45em 2em 0.45em;
  border: #000 1px solid;
  padding: 2px;
}
.otaku-img{
  border: #eee 4px solid;
  width: 180px; 
  height: 252px;
  padding: 2px;
}
.otaku-expand{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.otaku-effect:hover .otaku-overlay{
  opacity: 1;
}
.otaku-effect:hover .otaku-overlay .otaku-expand{
  bottom: 50%;
  margin-bottom: -50px;
  opacity: 1;
}
.otaku-title{
  display:block;
  width: 190px;
  font-size: 14px;
  font-family: Times New Roman;
  font-weight: 700;
}
.otaku-titlee{
  font-size: 14px;
  text-decoration: none;
  font-family: sans-serif;
  font-style: italic;
  font-variant: small-caps;
  font-weight: bold;
  line-height: 80%;
  word-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  text-indent: 0ex;
  color: #fff;
  margin-bottom: 55px;
 }
</style>
<script>
$(function() {
   $(".post-body").css( "border", "none" );
});
</script>

[su_tabs]
[su_tab title="Настоящи - Отаку"]
[su_animate type="fadeInRight"]
<div class="otaku-frame"><div class="otaku-effect">
<img src="https://otaku.bg/forumpic/vermilion.jpg" alt="" class="otaku-img" /><div class="otaku-overlay"><div class="otaku-expand">
<p class="otaku-titlee">Lord of Vermilion: Guren no Ou</p>
<a href="https://otaku.bg/?page_id=67&playid=286"><img src="https://otaku.bg/forumpic/bgyjuRs.png"></a><br><br>
<a href="https://otaku.bg/?page_id=8459"><img src="https://otaku.bg/forumpic/iB3IPop.png"></a>
</div></div></div>
</div>[/su_animate] 

• This reply was modified 5 years, 10 months ago by qnkov.
• This reply was modified 5 years, 10 months ago by qnkov.
• This reply was modified 5 years, 10 months ago by qnkov.
• This reply was modified 5 years, 10 months ago by qnkov.
• This reply was modified 5 years, 10 months ago by qnkov.
• This reply was modified 5 years, 10 months ago by qnkov.