html - Add 2 Images To One Controlling -
I have a & lt; Div & gt; is that I would like to display 2 images. First of all, set one set to the left to the left and the other to the lower right.
Ideally I would call it
& lt; Div & gt; so that the content settles in it and goes to the images.
I have managed to get the left image above, but I did not understand how to go down.
My CSS
.tab-content & gt; .tab-pane, .pill-content & gt; .pill-panel {display: none; Background-image: url ("../ images / brand / quotationOpen.JPG"); Repeat Background: No Repetition; Padding-top: 50px; Padding-left: 25px; } My HTML is
& lt; Div class = "row" & gt; & Lt; Div class = "col-md-12" & gt; & Lt; Ul class = "nav nav-gp col-sm-3 col-md-4" & gt; & Lt; Li & gt; & Lt; A href = "# intelligent" data-toggle = "tablet" & gt; Intelligent & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#interested" data-toggle = "tablet" & gt; Doctrine & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# personal" data-toggle = "tablet" & gt; Individual & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#incent" data-toggle = "tablet" & gt; Focus & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#smooth" data-toggle = "tablet" & gt; Straightforward and & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#Energy" data-toggle = "tablet" & gt; Energetic & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div class = "tab-content call-sAM-9 colonel-MD-8" & gt; & Lt; Div class = "tab-panel active" & gt; & Lt; H2 & gt; Heading 2 & lt; / H2 & gt; & Lt; P & gt; The content here & lt; / P & gt; & Lt; / Div & gt; & Lt; Div class = "tab-panel" id = "intelligent" & gt; & Lt; H1 & gt; Title 1 & lt; / H1> & Lt; H2 & gt; Heading 2 & lt; / H2 & gt; & Lt; P & gt; The content here & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; and give it to me
I need to bring the following image in the bottom right, which also allows the text to run as much as possible
The image below is a duplicate which I showed after whom I am < P>
you two Icons can also by images specified on the div .
. Quote {background-image}: URL ("http://i.stack.imgur.com/kXynJ.jpg"), URL ("http://i.stack.imgur.com/aduet.jpg"); Background-Repeat: Non-repeat, non-repeat; Background-position: top left, bottom right; Height: 200 pixels; Width: 400px; } & lt; Div class = "quote" & gt; This is some lesson. & Lt; / Div & gt;
Comments
Post a Comment