Solved

How do I place text beside a block element like H1?

Posted on 2009-07-01
6
143 Views
Last Modified: 2013-07-30
Hello

How do I add text right next to a H1 element? When I try, the text appears below the H1 element as per attachement...

Any help apreciated...

Thanks

Paul
<h2>Company  Data</h2>help

Open in new window

Capture.JPG
0
Comment
Question by:mullproperty
6 Comments
 
LVL 29

Accepted Solution

by:
David H.H.Lee earned 250 total points
Comment Utility
Hi mullproperty,
Try this:
<h2 style="float: left">Company  Data</h2>help
0
 

Author Comment

by:mullproperty
Comment Utility
hey x com, thanks! thats got it all on same line...but how do i now get all elements on the baseline?
Capture.JPG
0
 
LVL 5

Assisted Solution

by:ITGaWD
ITGaWD earned 250 total points
Comment Utility
try display: inline
with
<div style="display: inline"><h2 style="float: left">Company  Data</h2>help</div>

Or seperatly if it doesn't work.
0
 
LVL 29

Expert Comment

by:David H.H.Lee
Comment Utility
Hi mullproperty,
>>..how do i now get all elements on the baseline?
Probably you need to override the "help"'s CSS under <h> tag instead of resides outside of "Company Data".
eg:
<h2>Company  Data <font style="font-size:16px">help</font></h2>
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Suggestion on WebSite Template Sites 5 50
Adding a menu section 13 34
Re-position the objects 7 46
HTML CSS 7 14
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now