I'm so tired, I haven't slept a wink. So tired, my mind is on the blink. Now, my nice assistant Betty One has to explain you all the haze happens with the DIVs. I am available as Afrog day and night but sometimes I fall into sleep. Preferential from autumn to spring. Do you see all this urgly code around my nice picture? Only one of the symptoms of all the symptoms around and with the DIVs. But I'm tired of croaking. It's your turn, Betty One…
 

High all of you Ladies and Gentlemen. Oops! I mean, Hi Community of the smart STEEM–Miners. Mining by human spirit is the top of coin–mining. I am Betty One. Your dilligent assistant. I have to explain. Do you know the DIV–Container? Yes you know it, of course. You've learned HTML, Style Sheets (CSS) and so on. For you it is no problem to write on the Steem. But the others! They are publishing pics with fragments of code, somewhere around. Like Afrog's nice pic, up there. Where he shows you the dreadful example. Both Steemit Editors (yes, there are two) are not working like Beta. They are like Alpha. Really. You are able to align text and pictures left or/and right. Wonderful. But now you have to learn HTML or forget all the pretty stuff of alignment beside these DIVs. We, the blessing company „Betty and her Frog“ show you, HOW TO. Thank you. Thank you Ladies and Gentlemen. Let's go on…

Alignments are done by the use of a DIV-Container and an additional class attribute:

<div class="pull-left">picture–adress or text, etc.…</div>
Cool down all you „rulers of the code“, only this attribute is allowed and the pull right. There are no more known classes or attributes. Same in HTML. Basics are allowed, only! Yes, we have a lot of potential, but poor tools. It is Beta on the Steem. Around these DIVs no Markdown works. That's fact. No Markdown like[Text](https://" adress…") is possible if there rules a DIV beside. You have to write in HTML–syntax
<a href="https://adress…and.com">picture or text here</a> Normally we use []() for Links.
It is a real HTML URL (link), the A–statement. No aditional attributes of the A–Tag are allowed.

Headlines doesn't work beside a DIV? I know. Incredible. No # for the first class header, ## and so on until ######. Okay, we know it doesn't work beside the DIV so we have to take HTML.

Markdown	Description	HTML
#	Headline 1. Class	<h1>I am Headline 1</h1>
##	Headline 1. Class	<h2>I am Headline 2</h2>
###	Headline 1. Class	<h3>I am Headline 3</h3>
####	Headline 1. Class	<h4>I am Headline 4</h4>
#####	Headline 1. Class	<h5>I am Headline 5</h5>
######	Headline 1. Class	<h6>I am Headline 6</h6>

No difference between header Nr. 4 to Nr. 6. That's poor too. And here are the other secrets:
To make a picture into a DIV–Container without fragments of code around:

<img src="https://adress of the picture.jpg" />
The blank and slash at the end of the IMG–Tag is needed, because there is a HTML–Tags without closing statement (because there is no </img> in the Syntax of IMG–tag).

To center parts of text or pictures always works by doing this:

<center> Now center me! </center>
To change text to bold
<strong> Now bold me up!</strong>

Here you are. These are the secret basics for sophisticated layouts at the moment in the Beta–phase. Steem on and mine your STEEM!

---

… … … …    …    …     …    …    …    … … ||| … …    …    …    …    …     …    … … … … …

---

Just a Frog in the STEEM of whales.