0
Wie füge ich Text in den linken Rand des Bildes ein?So positionieren Sie Text in einem Bild in css
css:
.container {
position: relative;
width: 100%;
}
.summary-screen .thumbnail {
height: 100%;
width: 100%;
margin: auto;
border: 1px solid #cbcbcb;
display: block;
margin-top: 109px;
position: relative;
}
.summary-screen .primary-text {
background:lightblue;
height: 5%;
opacity: 0.5;
position: absolute;
top: 85%;
/* width: 80%; */
text-align: left;
font-size: 20px;
color: black;
}
html:
<div class="summary-screen">
<div class="container">
<div layout="row" layout-align="center">
<md-content>
<img ng-show="$ctrl.package.image" flex="85" class="thumbnail" ng-src="{{ $ctrl.package.image }}" />
</md-content>
</div>
<div layout="row" layout-align="left">
<h4 class="primary-text" flex style="text-align: left;">{{ $ctrl.package.name }}</h4>
</div>
</div>
</div>
dies ist, wie es jetzt (es ist zu viel übrig als u sehen funktioniert, ich will es genau an der richtigen Stelle, und ich will, dass der Hintergrund
Könnte
willst du das "LG_FRONT_fRAME_2016" auf der rechten Seite ausrichten? unter dem Bild? – user7357089
Ihre Frage nicht klar! – user7357089