General Playground

by raad

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<div style="text-align: center;">
    <p style="text-align: left; margin-left: 5%;">Text Area:</p>
    <textarea id="textArea" style="width: 90%; height: 75px;"></textarea>
    <div style="text-align: left; margin-left: 5%;">
        <button style="display: inline; margin-right: 10px;" onClick="align('left')">Left</button>
        <button style="display: inline; margin-right: 10px;" onClick="align('center')">Center</button>
        <button style="display: inline; margin-right: 10px;" onClick="align('right')">Right</button>
    </div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="span12">
    <div class="footer p15">
        Copyright © 2012 random.org All rights reserved.
        <span class="pull-right">
        <a href="index.php">Disclaimer</a>
        <a> - </a>
        <a href="index.php">Archive</a>
        </span>
    </div>
</div>
<script type="text/javascript">
    function align(alignment) {
        ta = document.getElementById("textArea");
        ta.style.textAlign = alignment;
        ta.value = ta.value;
    }
</script>