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 3 2017, 07:53 AM
Post
#2
|
Newbie Group: Members Posts: 17 Joined: 16-January 17 Member No.: 26,267 |
I wanted the text (which is the red box on the image) moved further up (so it is where the blue box is) and so that the top line of the text is in-line with the "about" text and printer icon. Basically, I want it all to be aligned together
|
Lo-Fi Version | Time is now: 23rd April 2024 - 02:18 AM |