Home/ Questions/Q 7632423
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T06:37:20+00:00

I am trying to get each link in the html below to sit on

  • 0

I am trying to get each link in the html below to sit on the left of the text(paragraph element). So I am attempting to get the link and text on the same line.

How can I get ALL the text to sit to the right of the hyperlink?

<div>
    <div style="float: left; display: inline; background-color: blue;"><a href="aboutUs.pdf">About Us</a></div>
    <p style="float: left; display: inline; background-color: yellow;">: Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
<div>
    <div style="float: left; display: inline; background-color: blue;"><a href="aboutUs.pdf">About Us</a></div>
    <p style="float: left; display: inline; background-color: yellow;">: Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can’t float display: inline.

    <div>
    <a href="aboutUs.pdf">About Us</a>
    <p>: Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>

​div {height:125px;}
​a{height:100%; display:block; float:left; 
    background: lightblue;}
p{height:100%; background:light gray;}

    Demo
    ​

    • 0