Hyperlink On New Line The Next CEO of Stack OverflowHow to change the href for a hyperlink using jQueryDrawing a line over an svg imagemake first line of paragraph a link with css or javascript(jquery)Open link in new tab or windowWant to break text in input buttonHow to make this accordion open with a link to an anchor tag?W3 Accordions - Open by Default / Page LoadHow to center align icon inside button?Text formatting in overlay divHow to create a single line of text with hyperlink or other elements on same line in R Shiny?
Can I equip Skullclamp on a creature I am sacrificing?
Anatomically Correct Strange Women In Ponds Distributing Swords
How to start emacs in "nothing" mode (`fundamental-mode`)
Novel about a guy who is possessed by the divine essence and the world ends?
Which tube will fit a -(700 x 25c) wheel?
Why does standard notation not preserve intervals (visually)
How to invert MapIndexed on a ragged structure? How to construct a tree from rules?
If the heap is initialized for security, then why is the stack uninitialized?
multiple labels for a single equation
What happens if you roll doubles 3 times then land on "Go to jail?"
Why is the US ranked as #45 in Press Freedom ratings, despite its extremely permissive free speech laws?
Is it professional to write unrelated content in an almost-empty email?
What does convergence in distribution "in the Gromov–Hausdorff" sense mean?
calculus parametric curve length
Why do professional authors make "consistency" mistakes? And how to avoid them?
Received an invoice from my ex-employer billing me for training; how to handle?
What connection does MS Office have to Netscape Navigator?
Complex fractions
Bold, vivid family
What expression will give age in years in QGIS?
What can we do to stop prior company from asking us questions?
If Nick Fury and Coulson already knew about aliens (Kree and Skrull) why did they wait until Thor's appearance to start making weapons?
Skipping indices in a product
What was the first Unix version to run on a microcomputer?
Hyperlink On New Line
The Next CEO of Stack OverflowHow to change the href for a hyperlink using jQueryDrawing a line over an svg imagemake first line of paragraph a link with css or javascript(jquery)Open link in new tab or windowWant to break text in input buttonHow to make this accordion open with a link to an anchor tag?W3 Accordions - Open by Default / Page LoadHow to center align icon inside button?Text formatting in overlay divHow to create a single line of text with hyperlink or other elements on same line in R Shiny?
I am trying to insert a hyperlink (that will open in a new tab) into a paragraph. Something like the following:
Our [HYPERLINK: HELPFUL HOW TO GUIDES] are a must read for newbies and long-time employees alike.
This text is inside an accordion element on the second tab of my page (FAQ's). The hyperlink is inserted inside the p tags but is showing up below the paragraph text in a new line and is creating a vertical line where there shouldn't be one.
How can I fix this? My code is here: https://www.w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
html css hyperlink accordion paragraph
add a comment |
I am trying to insert a hyperlink (that will open in a new tab) into a paragraph. Something like the following:
Our [HYPERLINK: HELPFUL HOW TO GUIDES] are a must read for newbies and long-time employees alike.
This text is inside an accordion element on the second tab of my page (FAQ's). The hyperlink is inserted inside the p tags but is showing up below the paragraph text in a new line and is creating a vertical line where there shouldn't be one.
How can I fix this? My code is here: https://www.w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
html css hyperlink accordion paragraph
Please take the tour and learn how to ask a good question. Include an Minimal, Complete, and Verifiable example in the question itself.
– Quentin
Mar 7 at 15:24
According to your example, the<a>is not inside the<p>tag. this would indeed cause mentioned behaviour. If you wrap it inside the<p>and (if needed) adda display: inline-blockinto your<style>tag it should work just fine. (you might want to add some margin on it since it will align closely to the text) fixed version here
– Billie Bobbel
Mar 7 at 15:39
I don't think that fixed the issue...the hyperlink is still below the paragraph and there is still an extra line. See updated code here: w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
– Allison Grossberg
Mar 7 at 16:49
add a comment |
I am trying to insert a hyperlink (that will open in a new tab) into a paragraph. Something like the following:
Our [HYPERLINK: HELPFUL HOW TO GUIDES] are a must read for newbies and long-time employees alike.
This text is inside an accordion element on the second tab of my page (FAQ's). The hyperlink is inserted inside the p tags but is showing up below the paragraph text in a new line and is creating a vertical line where there shouldn't be one.
How can I fix this? My code is here: https://www.w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
html css hyperlink accordion paragraph
I am trying to insert a hyperlink (that will open in a new tab) into a paragraph. Something like the following:
Our [HYPERLINK: HELPFUL HOW TO GUIDES] are a must read for newbies and long-time employees alike.
This text is inside an accordion element on the second tab of my page (FAQ's). The hyperlink is inserted inside the p tags but is showing up below the paragraph text in a new line and is creating a vertical line where there shouldn't be one.
How can I fix this? My code is here: https://www.w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
html css hyperlink accordion paragraph
html css hyperlink accordion paragraph
edited Mar 7 at 16:58
Allison Grossberg
asked Mar 7 at 15:22
Allison GrossbergAllison Grossberg
11
11
Please take the tour and learn how to ask a good question. Include an Minimal, Complete, and Verifiable example in the question itself.
– Quentin
Mar 7 at 15:24
According to your example, the<a>is not inside the<p>tag. this would indeed cause mentioned behaviour. If you wrap it inside the<p>and (if needed) adda display: inline-blockinto your<style>tag it should work just fine. (you might want to add some margin on it since it will align closely to the text) fixed version here
– Billie Bobbel
Mar 7 at 15:39
I don't think that fixed the issue...the hyperlink is still below the paragraph and there is still an extra line. See updated code here: w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
– Allison Grossberg
Mar 7 at 16:49
add a comment |
Please take the tour and learn how to ask a good question. Include an Minimal, Complete, and Verifiable example in the question itself.
– Quentin
Mar 7 at 15:24
According to your example, the<a>is not inside the<p>tag. this would indeed cause mentioned behaviour. If you wrap it inside the<p>and (if needed) adda display: inline-blockinto your<style>tag it should work just fine. (you might want to add some margin on it since it will align closely to the text) fixed version here
– Billie Bobbel
Mar 7 at 15:39
I don't think that fixed the issue...the hyperlink is still below the paragraph and there is still an extra line. See updated code here: w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
– Allison Grossberg
Mar 7 at 16:49
Please take the tour and learn how to ask a good question. Include an Minimal, Complete, and Verifiable example in the question itself.
– Quentin
Mar 7 at 15:24
Please take the tour and learn how to ask a good question. Include an Minimal, Complete, and Verifiable example in the question itself.
– Quentin
Mar 7 at 15:24
According to your example, the
<a> is not inside the <p> tag. this would indeed cause mentioned behaviour. If you wrap it inside the <p> and (if needed) add a display: inline-block into your <style> tag it should work just fine. (you might want to add some margin on it since it will align closely to the text) fixed version here– Billie Bobbel
Mar 7 at 15:39
According to your example, the
<a> is not inside the <p> tag. this would indeed cause mentioned behaviour. If you wrap it inside the <p> and (if needed) add a display: inline-block into your <style> tag it should work just fine. (you might want to add some margin on it since it will align closely to the text) fixed version here– Billie Bobbel
Mar 7 at 15:39
I don't think that fixed the issue...the hyperlink is still below the paragraph and there is still an extra line. See updated code here: w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
– Allison Grossberg
Mar 7 at 16:49
I don't think that fixed the issue...the hyperlink is still below the paragraph and there is still an extra line. See updated code here: w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
– Allison Grossberg
Mar 7 at 16:49
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55047262%2fhyperlink-on-new-line%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55047262%2fhyperlink-on-new-line%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Please take the tour and learn how to ask a good question. Include an Minimal, Complete, and Verifiable example in the question itself.
– Quentin
Mar 7 at 15:24
According to your example, the
<a>is not inside the<p>tag. this would indeed cause mentioned behaviour. If you wrap it inside the<p>and (if needed) adda display: inline-blockinto your<style>tag it should work just fine. (you might want to add some margin on it since it will align closely to the text) fixed version here– Billie Bobbel
Mar 7 at 15:39
I don't think that fixed the issue...the hyperlink is still below the paragraph and there is still an extra line. See updated code here: w3schools.com/code/tryit.asp?filename=G1UPONQW3XDF
– Allison Grossberg
Mar 7 at 16:49