Dieses Forum nutzt Cookies
Dieses Forum verwendet Cookies, um deine Login-Informationen zu speichern, wenn du registriert bist, und deinen letzten Besuch, wenn du es nicht bist. Cookies sind kleine Textdokumente, die auf deinem Computer gespeichert sind; Die von diesem Forum gesetzten Cookies düfen nur auf dieser Website verwendet werden und stellen kein Sicherheitsrisiko dar. Cookies auf diesem Forum speichern auch die spezifischen Themen, die du gelesen hast und wann du zum letzten Mal gelesen hast. Bitte bestätige, ob du diese Cookies akzeptierst oder ablehnst.

Ein Cookie wird in deinem Browser unabhängig von der Wahl gespeichert, um zu verhindern, dass dir diese Frage erneut gestellt wird. Du kannst deine Cookie-Einstellungen jederzeit über den Link in der Fußzeile ändern.

Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
mark soll rechts stehen
#1
<p>halle,</p><p>was muß ich ändern damit "mark" immer rechts steht ?</p><p><br></p><p>als HTML5<br></p><p>
HTML5
  1. &lt;div class="col-md-6 pr-md-1"&gt;<br> &lt;div class=""&gt;<br> &lt;h2&gt;Contextual Backgrounds&lt;/h2&gt;<br> &lt;p&gt;Use the contextual background classes to provide "meaning through colors".&lt;/p&gt;<br> &lt;p&gt;Note that you can also add a .text-* class if you want a different text color:&lt;/p&gt;<br> &lt;p class="bg-primary text-white"&gt;This text is important. &lt;mark&gt;das soll ganz rechts&lt;/mark&gt; &lt;/p&gt;<br> &lt;p class="bg-success text-white"&gt;This text indicates success.&lt;/p&gt;<br> &lt;p class="bg-info text-white"&gt;This text represents some information.&lt;/p&gt;<br> &lt;p class="bg-warning text-white"&gt;This text represents a warning.&lt;/p&gt;<br> &lt;p class="bg-danger text-white"&gt;This text represents danger.&lt;/p&gt;<br> &lt;p class="bg-secondary text-white"&gt;Secondary background color.&lt;/p&gt;<br> &lt;p class="bg-dark text-white"&gt;Dark grey background color.&lt;/p&gt;<br> &lt;p class="bg-light text-dark"&gt;Light grey background color.&lt;/p&gt;&lt;/div&gt;<br>&nbsp; &nbsp; &lt;/div&gt;


<br></p>

<p>super ich habe doch schon CSS Code genommen aus dem ForumEdtor ?<br></p>

<p>
Code:
</p><div class="col-md-6 pr-md-1">
    <div class="">
    <h2>Contextual Backgrounds</h2>
    <p>Use the contextual background classes to provide "meaning through colors".</p>
    <p>Note that you can also add a .text-* class if you want a different text color:</p>
    <p class="bg-primary text-white">This text is important. <mark>das soll ganz rechts</mark> </p>
    <p class="bg-success text-white">This text indicates success.</p>
    <p class="bg-info text-white">This text represents some information.</p>
    <p class="bg-warning text-white">This text represents a warning.</p>
    <p class="bg-danger text-white">This text represents danger.</p>
    <p class="bg-secondary text-white">Secondary background color.</p>
    <p class="bg-dark text-white">Dark grey background color.</p>
    <p class="bg-light text-dark">Light grey background color.</p></div>
    </div>
<br><p></p>
Zitieren
#2
Sorry das Forum hat leider nach dem Update Probleme gemacht. Ich bin dabei eine Lösung zu finden!


Code:
mark {
   float: right !important;
}
Zitieren
#3
Hallo,
mit "mark" sieht es irgendwie komisch aus

   
   


OK dann Frage ich mal anders,
wie bekomme ich bei selbem Aufbau einen Text komplett nach rechts ?

recht es wenn ich aus "mark" einfach .eigen" mache und das ganze im "span class..." setze "

also so
HTML5
  1.  <p class="bg-primary text-white">This text is important.<span class="eigen">das soll ganz rechts</span> </p>


CSS
  1. .eigen {
  2.   float: right !important;
  3. }


Zitieren
#4
Ja das wäre eine Möglichkeit.
Eine andere wäre Flexbox zu nutzen.

HTML5
  1. <div class="d-flex justify-content-between">
  2.      <p class="bg-primary text-white">This text is important</p>
  3.      <p>das soll ganz rechts </p>
  4. </div>


Zitieren
#5
alles klar, Danke.
Dann werde ich das "span" nehmen reicht für meine Zwecke.
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
[-]
Willkommen im ersten deutschen Bootstrap-Forum
You have to register before you can post on our site.

Benutzername/E-Mail:


Passwort:





[-]
Letzte Beiträge
Schacteln 2er div s nebneinander
Last Post: The-Error
Gestern 11:37
» Replies: 3
» Views: 70
Navbar Dropdown 2 columns funktioniert n...
Last Post: Niamh
Gestern 11:29
» Replies: 2
» Views: 20
PostgreSQL oder mariaDB bei sehr grossen...
Last Post: rustybatman
Gestern 09:18
» Replies: 0
» Views: 8

[-]
Private Messages
Please login or register to use this functionality.

[-]
Statistics
» Members: 271
» Latest member: havor99
» Forum threads: 237
» Forum posts: 962

Full Statistics

[-]
Tutorials
Get Started
Text/Typography
Gridsystem
Dropdowns
Navigation Bar
Modal
Farben
Jumpotron
Popover
Formulare
Carousel (Slider)
Die Höhe von Elementen mit Klassen h-*
Flip Cards
Bild Overlay-Hover-Effekt
Google Fonts einbinden
Flexbox Bootstrap 4
Responsive Breakpoints

[-]
Wer ist online
There are currently no members online.

>