text nebeneinander

[Caro]

Hallo,

könnte mir bitte jemand zeigen wie man den Textneben einander darstellen kann ?

ich brauche es in dieser Reihenfolge

inhalt01 inhalt02
inhalt100 inhalt200

usw

CSS

#sb_contentM { 
    line-height: 1.5em; 
    text-align:center;    
    padding-left: 10px;
    padding-right: 10px;
background: #afafaf; 
    }
.inset {
    background: transparent; 
text-align:left;
    }
.inset h1, .inset p {margin:0 10px;}
.inset h1 {
    font-size:1.0em;
    color:#006699;
    }
    
.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#cccccc; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
.inset .b3 {background:#cccccc; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
.inset .b4 {background:#cccccc; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
.inset .b4b {background:#cccccc; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
.inset .b3b {background:#cccccc; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}
.inset .b2b {background:#cccccc; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}

.inset .b1 {margin:0 5px; background:#ff0000;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#ff0000;}

.inset .boxcontent {display:block; background:#cccccc; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}

HTML

<div id="sb_contentM">
      
    <div class="inset">
        <b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
        <div class="boxcontent">
          <h1>Titel</h1>
          <p>Inhalt01</p>
          <p>inhalt02</p>
          <p>Inhalt100</p>
          <p>inhalt200</p>
        </div>
        <b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
    </div>
</div>

Danke schön

 

[Icy]

Hallo,

die einzelnen Absätze kannst du per CSS floaten. Du weißt also jedem Absatz eine Klasse zu und arbeitest dann mit "float: left;" oder "float: right;".

MfG Icy