Adsense code does not horizontally align with paragraph when using float div

1) You’ve got two <br> tags contained within the <div> that contains your ad, surrounding the comment <!-- ON THE BORDER SQUARE -->. How did you add your ad code to that post? I noticed you don’t have that problem on the second ad on the page, the one following the heading “On the Border Happy Hour Food Menu”.

2) For your navigation menu, try this custom CSS. If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and put:

.site-menu ul ul {
	position: absolute;
	top: 0;
	left: 250px;
}

hey thank stephen.

You guys are soo helpful.

Unfortunately, I have no knowledge of Htlml.

I usually just paste the adsense code before the paragraph and use the code
<div style=”display: block; float: left; margin: 0px 10px 0px 0px;”>

before the the ad and </div> after the ad code

and Asynchronous usually only works for me in the beginning and then when as i make new codes usually i am stuck with synchronous and I have same exact problem in my second

they usually look really bad as you can see

and usually the number one problem is that the square alot of times would align with the third line and I wish I could pull them up.

so let me try your instructions . because i already have custom css plugin installed.

and about the br tags, let me try to look for them !

Are you using a plugin for your ads? It looks like it’s only the first ad on your site that has the issue; when I looked at your site the first time, all of the other ads were correctly aligned with the text.

okay I tried the code you gave me in custom CSS Voila ! worked like magic.

Can you tell me how I could remove the extra
?

Are we allowed to share skype here ? hah . do not want to break any rules ??

Can you edit the post and look at the code in the Text editor instead of the Visual editor? Are there any extraneous spaces or line breaks within the containing <div>? I would look around the comment <!-- ON THE BORDER SQUARE -->. Are you using a plugin to generate your ads?

I paste them manually into the text side not the visual editor

before the <div> i have this :

<p style=”text-align: center;”><span style=”font-size: 18pt;”><span style=”color: #000000;”>On The Border Happy Hour</span></span></p>

and after </div>

I have this :
<span style=”color: #000000;”>On the Border Mexican Grill and Cantina, commonly referred to as simply On the Border, …….alone.</span>

Also, If I search for words in the search bar in the header, It has stopped working. Nothing happens after typing and clicking on the magnifying glass.

This was working fine till yesterday as well.

Any suggestions ?

correction : before div:

<p style=”text-align: center;”><span style=”font-size: 18pt;”><span style=”color: #000000;”>On The Border Happy Hour</span></span></p>

then;

<div style=”display: block; float: left; margin: 0px 10px 0px 0px;”>adcode</div>

</div><span style=”color: #000000;”>On the ……

i am also really worried about my search bar. It was working fine and searching for words and pages till yesterday

What code do you have within the containing <div>? It’s important to reproduce the code exactly as it appears in the editor, so you should probably make sure to either use the “code” button here or post the code to Pastebin and post the link here.

As for your search issue, I can’t reproduce it on my end. What browser and OS are you using?

https://pastebin.com/LFmeN4N3

here i pasted here

also just made new page :

https://www.happyhourmunch.com/mcdonalds-happy-hour

same problem… code slipping down to line 3

also i am not sure if we can make changes within the ad code or we are allowed but please see if you could help

I’m not sure exactly how much of the ad code you could change without breaking the ad itself, so I wouldn’t recommend trying it.

Just as a test, what happens if you take lines 4-6 of your paste and make it all one large line instead:

// ]]></script><!-- ON THE BORDER SQUARE --><script src="//pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">// <![CDATA[

oh my Freaking God !

That worked !

Thaaaanksss stephen !

I will see if it works in my other pages too.

I just joined everything from where you told me to. Amazing. I will try this on my other pages too !

by the way would you know how to show 2 of my link text ads

you will see those in some of my pages and i wanted right under the square but it moved away to the right a bit

https://www.happyhourmunch.com/applebees-happy-hour/

but i had more text then it would not do that.

and I wanted to put two of those next to each other.

Would you know which div code I could use to acheive that ?

those of those 3 line text i wanna put next to each other horizontally

but if i paste them one after other it would be together vertically but not horizontally

To clarify, are you referring to the three text links “Applebees Happy Hour”, “Happy Hour”, and “Applebees”, all with a blue triangle before them? Unfortunately, I don’t believe you can change their alignment. They’re contained within an <iframe>, and you can’t write custom CSS (or JavaScript) that “crosses the border”, so to speak.