I am currently experiencing an issue where the text inside the anchor tag is not adjusting to a single line.
Below is my HTML code:
<html>
<head>
<link rel="stylesheet" href="style5.css" type="text/css">
</head>
<body>
<div id="outer">
<ul>
<li class="current"><a href="#">Home</a></li>
<li><a href="#">content</a></li>
<li><a href="#">search</a></li>
<li><a href="#">more</a></li>
</ul>
<div id="homepage">
<a href="#">Set as Homepage</a>
</div>
<div id="clear">
</div>
</div>
<div id="wrapper">
<div id="pic">
<img src="logo.png">
<div id="content">
<p> Secure Search </p>
</div>
</div>
<div id="forms">
<form>
<input type="text" name="submit" size="70" style="font-size:20pt;"/>
</form>
<div id="pic_2">
<img src="powerd-by-google.png">
</div>
</div>
<div id="footer">
© 2012 - <a href="#">We Respect your Privacy</a> - <a href="#">About AVG Secure Search</a>
</div>
</div>
</body>
</html>
And here is my CSS:
body
{
/* styling properties */
}
h1,h2,h3
{
/* styling properties */
}
/* more styling properties */
#footer
{
/* footer styling properties */
}
/* more styling properties */
The issue lies in the a tag inside the homepage div. Despite efforts, the text is not aligning on a single line and instead appears across multiple lines. Any insights or suggestions on resolving this matter would be greatly appreciated.
Thank you.