Enumeration Sections, which consist of more than one paragraph

I found a solution:

https://1a-spielwiese.de/wp-content/uploads/2014/09/aufzaehlungen_MOD.jpg

1st:

For producing the needed indention, I definied inside ‘Simple Custom CSS’-Plugin a new element selector

ind_left {
	padding: 0 0 0 3.23em;
}

and I used that element selector for marking the second paragraph of enumerations “points” (“sections”), e.g.:

<ind_left>vgl. <a href="https://www.ads-software.com/support/topic/relocating-the-header-foto" target="_blank">https://www.ads-software.com/support/topic/relocating-the-header-foto</a></ind_left>

2nd:

I deleted the bottom-margin of the ul-element by changing:

ul, ol {
	margin: 0 0 1.615em 3.23em;
}

into:

ul, ol {
	margin: 0 0 0 3.23em;
}

3rd:

For nevertheless still having empty space between different enumeration “points” (“sections”) I used the br-element selector.

Therefore the following:

<ul>
	<li>Das <em>"Wir lassen uns nicht bezahlen"</em>-Logo soll <em>nicht</em> - wie bisher - <em>unterhalb</em> von Blog-Titel und -Untertitel (Blog-"Beschreibung"), <em>sondern in deren Hintergrund</em> plaziert werden:</li>
</ul>

<ind_left>vgl. <a href="https://www.ads-software.com/support/topic/relocating-the-header-foto" target="_blank">https://www.ads-software.com/support/topic/relocating-the-header-foto</a></ind_left>

<ul>
<li>Aufz?hlungs-Listen, wie diese hier, sollen korrekt gestaltet werden, das hei?t: Der Folge-Absatz (bzw. die Folge-Abs?tze) ein und desselben Aufz?hlungspunktes sollen eingerückt werden.</li>
</ul>

<br>

<ul>
	<li>Die Mitglieder-Liste soll auf in zweiten Listen (eine für die Teams und eine für Fans) aufgeteilt werden.</li>
</ul>

<br>

<ul>
	<li>Die Fotos in den "über uns"-Sidebar-Widgets der Subdomain-Blogs (siehe bisher <a href="https://kampfsportlerinnenneuwied.1a-spielwiese.de/">1</a> und <a href="https://balletttaenzerinnenkrzbg36.1a-spielwiese.de/">2</a>) sollen richtig eingepasst werden, d.h.: den rechten Rand nicht überschreiten:</li>
</ul>

<ind_left>vgl. <a href="https://www.ads-software.com/support/topic/two-further-padding-problems" target="_blank">https://www.ads-software.com/support/topic/two-further-padding-problems</a>
<ul></ind_left>

	<li>Seit dem Update auf BuddyPress 2.1 funktionieren die deutschen BuddyPress-Sprachdateien nicht richtig. Begriffe, die dort korrekt übersetzt sind, werden trotzdem auf Englisch (statt auf Deutsch) angezeigt.</li>
</ul>

results in what is to see in the .jpg-file above.

Nevertheless I have two issues:

1st:

I would like to have a button for my new ind_left-selector above the edit box of my WordPress admin panel (as there are already buttons for the ul- and li-selectors):

https://1a-spielwiese.de/wp-content/uploads/2014/09/in-Button.jpg

How can I create such button?

2nd:

The indention does not work correctly for long URL:

https://1a-spielwiese.de/wp-content/uploads/2014/09/aufzaehlungen_MOD-2_disf.jpg

How can I correct this disfunctioning?

Reminder:

Any ideas regarding the persisting issues?

I recognised now: The ‘solution’ wasn’t any solution; the problem persits not only with long URL, rather also with normal text:

https://1a-spielwiese.de/2014/10/14/test-artikel-aufzaehlung-mit-aufzaehlungspunkten-die-aus-mehreren-absaetzen-bestehen/

https://1a-spielwiese.de/wp-content/uploads/2014/10/unkorrekte_Einzuege.jpg

I tried it now also with

ind_left {
    margin: 0 0 0 3.23em;
}

But it works neither. – Are there any proposals / ideas regarding this issue?

Now there is a solution:

ind_left {
	margin: 0 0 0 3.23em;
	display: inline-block;
}

Result:

https://1a-spielwiese.de/2014/10/14/test-artikel-aufzaehlung-mit-aufzaehlungspunkten-die-aus-mehreren-absaetzen-bestehen/

Thank you, SirEctor.