Text/image positioning in one Div element |
Text/image positioning in one Div element |
Seniorbfc |
Mar 1 2017, 10:37 AM
Post
#1
|
Newbie Group: Members Posts: 17 Joined: 16-January 17 Member No.: 26,267 |
I am trying to get the text in the image below where the blue rectangle is. I have a header, paragraph (the text i want to move/"my name is...") and two images in one Div. Is this the best way to do it, and if so how?
CODE <div id="about"> <h3>About</h3> <img id="printer" src="Printer.jpg" alt="Printer" style="width:30px; height:30px;"> <img id="lin" src="Linkedin2.jpg" alt="LinkedIn Logo" style="width:30px; height: 30px;"> <p>My name is....</p> </div> CODE #about{ background: rgba(64,64,64,1); width: 100%; } #about h3, #about p, img#printer, img#lin{ display: inline-block; padding-top: 40px; } #about h3{ padding-left: 550px; color: rgba(153,153,153,1); float: left; } #about p{ color: white; margin-left: 40%; margin-right: 60%; width: 500px; text-align: left; margin-top: 0px; padding-bottom: 50px; } img#printer{ float: right; margin-right: 600px; } img#lin{ float: right; margin-right: -31px; padding-top: 80px; } Attached thumbnail(s) |
Seniorbfc |
Mar 1 2017, 05:24 PM
Post
#2
|
Newbie Group: Members Posts: 17 Joined: 16-January 17 Member No.: 26,267 |
Actual images of what?
|
pandy |
Mar 1 2017, 05:46 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I probably misunderstood. I thought you wanted to place the text over an images, but I see now the images are just icons.
Well, I'm not sure what you want. With the sample you posted the text (My name is...) is just about the only thing that is where you have it in the image you posted. Is that your problem, where the other stuff is? |
Lo-Fi Version | Time is now: 19th April 2024 - 11:06 AM |