Make block elements display inline

HTML & CSS
1

Here is my basic problem: I have three Amazon links that I want to display on my catalogue page.

The Amazon links are using <iframe> tags. so far I’ve only been able to get the last 2 to display in line i.e. on the same line. But no matter what I try the first one insist on using the entire width of the page and pushes the other two to the next line.

The code I have on all of them is:

<div style= "width:130px;display:inline;">
2

Hi,
display:inline; will not accept a width

Try inline-block

<div style= "width:130px;display:inline-block;">

It would be best to set a class on that div and set your styles in the CSS though


<div class="links"></div>

.links {
width:130px;
display:inline-block;
}
2 Likes
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.