Ich möchte 50% linken Rand meiner div geben

Question

Hier versuche ich 50% der linken Seite der Grenze meines DIV ABER NICHT ABEL zu verwalten. ICH HABE DREI DIV MIT GLEICHER KLASSE ABER AUSGABE.

.testinomila-post{ 

    width: 350px; 
    float: left; 
    text-align: center; 
    text-align: center; 
    margin-left: 60px; 
    margin: auto; 
    margin-left: 20px; 
    padding: 40px; 
    list-style: none; 
} 

.testinomila-post:before { 
    content : ""; 
    position: absolute; 
    left : 0; 
    bottom : 0; 
    height : 1px; 
    width : 50%; /* or 100px */ 
    border-left:5px solid magenta; 
} 

enter image description here

Answer 1

Haben Sie versuchen, so etwas zu machen?

.testinomila-post{ 
 
    position: relative; 
 
    width: 350px; 
 
    float: left; 
 
    text-align: center; 
 
    text-align: center; 
 
    margin-left: 60px; 
 
    margin: auto; 
 
    margin-left: 20px; 
 
    padding: 40px; 
 
    list-style: none; 
 
} 
 

 
.testinomila-post:before { 
 
    content : ""; 
 
    position: absolute; 
 
    left : 0; 
 
    bottom : 0; 
 
    height : 100%; 
 
    width : 1; /* or 100px */ 
 
    border-left: 1px solid magenta; 
 
    display: block; 
 
    box-sizing: border-box; 
 
}

<div class="testinomila-post"> 
 

 
</div> 
 
<div class="testinomila-post"> 
 

 
</div> 
 
<div class="testinomila-post"> 
 

 
</div>

Fügen Sie einfach position: relative auf Ihrem Element Eltern und border-left ändern, width und display: block