Complete Newcomer to CSS and TiddlyWiki, don't understand why my code is acting weird.

[Drew D]

I've began a project to personally learn some basic CSS and start to use TiddlyWiki for school notes and whatever I want really. But I've run into a bit of an issue with my code. For fun before bed I was trying to create my own version of the Wiki Attention Boxes that you see on Wikipedia and it was coming along nicely but I wanted to start to use WikiText to denote the class rather than divs. And its weird! Apologizes if this post doesn't make any sense, hopefully the code issues will though. I'll share my stylesheet and code.

I don't know why when I use @@.warning TEXT @@ it looks so bizarre. Anyone have any ideas? Thanks in advance!

[Mohammad]

Hie Drew D

 There should be no problem using css in TW

look here for example http://w3css.tiddlyspot.com/

and an example here:

 http://w3css.tiddlyspot.com/#Notes%20and%20Classes

Good luck

Mohammad

[PMario]

Hi Drew,

The @@.warning  creates a <span> element, which is an inline element. <div> is a block element.

So you could use

display: block

in your CSS definition, which may fix the problem. ...

I didn't test your code. So just a guess.

-m

[Drew D]

That sure did fix it. Thanks so much friends. Rookie mistake! :)