About HTML in Community

Site Feedback
, ,
1

A frustating thing I've noticed is that, I can't use the style property of HTML tags here.

For example : text
Code = <b style="font-size: 30px">text</b>

Here, the font-size property wasn't applied.

Now, this makes things harder.

Just for example,
A while ago, I wanted to set an image's style to inline-block (in a post), but that did not work out. It rather showed the image in full width.

There are many more situations when style properties become quite too important.

Now tell me what I can do to set style properties for HTML tags in posts.

2
  1. Discourse uses markdown
  2. "Content" is probably more important than "style"
3 Likes
3

Ya, but I need "style" to improve content, so that things could be better understood.

4 

<div align = center||left||right></div>

Is working with community post i often used it to my post.

5

@SHUBHAMR69 it is not possible to use CSS with community post content.

6

Oh ok, but could you tell me how to things like, inline images(for simplifying spaces.), font-color(for highlighting things.), etc.

7

You can't use CSS style with inline block content but for alignment you can try this example...


<div>

...
<img src = "" align = left/>
...

</div>
8

Ok trying that here.

@preetvadaliya It didn't change anything.

9

What would I align if there is nothing to set width or height ? :sweat_smile:

10

Have you tried you can also use "Height and width" using attribute.

1 Like
11

WDYM ?

I've always used height and width as style properties.
Gonna try it below.

Nice !
12

Thanks, I never knew I could do those things out of style property.

13

Directly use height and width as attribute and value can be pixel and percentage.

1 Like
14

Thanks again, bye ! :wave:

15

You could at least have shown the code you used....

<div display = inline-block>
<img src="https://community.appinventor.mit.edu/uploads/default/original/
1X/69d98bd983c7c56415dd3f05dea67a20ac6d355c.png" height = 50px
 width = 50px align = left display = inline-block> Nice !</div>
2 Likes
16

Sorry, I forgot it actually.

17
1 Like
18
Hello World
<div align = center>
<img src="https://community.appinventor.mit.edu/uploads/default/original/
1X/69d98bd983c7c56415dd3f05dea67a20ac6d355c.png" height = 200px
 width = 200px></div>

<div align = center>Hello World</div>
19

No image? Just a place-holder.

20

Yes, shows up in edit. Will get another image :wink: Fixed - there was a hidden space in the url