Header niezaczynający się od nowej linii

Question

Witam, tak jak w tytule: czy dałoby się wywołać jakąś komendę w CSS, aby np. h1 nie generował nowej linii?

Coś w stylu:

Jakiś tekst 1: <h1>jakiś tekst 2</h1>

I aby to było w jednej linijce

Answer 1

Witam.

h1{
  display: inline-block;
}

 

Comments

Nie działa.

Dokładniej mam coś takiego:

<p><b>Czas</b>: <h1 id="timer"></h1> </p> i h1 jest podmieniany w jsie na timer, ale przejście do nowej linii się tworzy (funkcja w jsie nie generuje żadnych enterów)

---

timer jako h1? whyyy? :p
i jeszcze w <p> ?

---

<p> tutaj za wiele nie zmienia, bo to się dzieje wewnątrz

a dałem to w header, aby do czegoś móc przypisać atrybut id (bo nie wiem jak to można zrobić dla zwykłego tekstu)

---

a nie może być np tak:

<p> Czas: <span id="timer"> 12:00 </span> </p>

 

---

Nie da się wsadzić h1 w akapit. p jest zamykane automatycznie po natknięciu się na h1, czyli kod, który uzyskujesz to:

<p><b>Czas</b>:</p> <h1 id="timer"></h1><p></p>

 

---

Dziękuję Wam obu, wszystko okej :)

---

Myślę, że może nawet lepiej będzie tak, o ile 'timer' to zegar, a nie odliczanie czy coś.

<p>Czas: <time id='timer'></time></p>

 

 

Answer 2

display: inline-block, float…

Comments

też nie działa

---

Bo akapit też jest przez to przełamywany, zobacz mój komentarz do drugiej odpowiedzi.