html - I want create like left side images but it show like right side view? -

html - I want create like left side images but it show like right side view? -

problem css need in 1 div because theme not allow me create "parent-child div" in wordpress

my code like

.bg{ background-repeat: no-repeat; background-image: url(http://godiaperfree.codelessme.net/wp-content/uploads/2014/06/elimination-communication-photo.jpg) rgba(170,242,114,0.5);; background-attachment: scroll; background-position: bottom center; } <div class="bg">my text</div>

and also, it's possiable create css in 1 div because theme not allow me create "parent-child div" in wordpress

looks rgba(170,242,114,0.5) causing whole layer become 0.5 transparent.

either remove transparency (edit image instead), or set text in layer outside div , position on top of transparent layer (either position or negative margin-top).

html css wordpress css3